Production-ready UI components and blocks powered by shadcn/ui and Framer Motion.

Docs · Report a bug · Feature request ·

• Production-Ready Components - Carefully crafted UI components built with shadcn/ui & Framer Motion
• Visual Builder - Drag-and-drop interface for building and previewing components
• Copy & Paste - One-click code copying for seamless integration
• TypeScript Support - Full type safety throughout

• Next.js 16
• React 19
• TypeScript
• Tailwind CSS
• Framer Motion
• shadcn/ui
• Radix UI

Install dependencies:

npm install

Run the development server:

npm run dev

Open http://localhost:3000 in your browser.

Browse components in the library, preview them, and copy the code directly into your project. Use the visual builder to customize components and see live previews.

Contributions are welcome! Please read our Contributing Guide before submitting pull requests.

See LICENSE for details.