1st-Pouf

Overview

1st-Pouf is a puffy, pastel, maximalist UI kit for React that applies claymorphism to every surface. It is distributed as a shadcn-style registry, so components are copied into a project as source with no lock-in, and it is MIT licensed.

The kit includes 38 components, 14 blocks and 14 full templates, all built with Tailwind CSS v4 and Radix UI. Blocks are wired rather than wireframed: they include validation, filters, empty states and optimistic updates, so a section can be pasted into an existing page and work right away.

Features

• Claymorphism styling: Bright, chunky, cushion-like surfaces with tone variants such as purple, pink, blue and mint.
• 38 components: Buttons, switches, sliders, segmented controls, steppers, avatars, sheets, toasts, tables and more.
• 14 working blocks: Sign in with magic-link fallback, onboarding steps, pricing with monthly/annual toggle, blog index and contact section.
• 14 templates: Dashboard, customer CRM, settings, inventory, inbox, chat, support desk, kanban, storefront, booking flow and more.
• Functional logic: Blocks ship with form validation (react-hook-form), filtering, sorting and dirty-state tracking.
• Charts: A charts component built on Recharts for dashboard views.

Tech stack

• React
• Tailwind CSS v4
• Radix UI
• Framer Motion, react-hook-form, Recharts
• Nunito variable font

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @1st-pouf/component-name