A React UI library for developers.
React components and Next.js templates built with TypeScript, Tailwind CSS, and Motion. Preview live, copy the TSX, and paste it into Cursor, Claude, or your editor. Free copy is once per day. Unlimited copies and full pages are Pro. Perfect companion for shadcn/ui.
Built with the stack in these components
Components
Component workflow
Build interfaces like a futuristic workflow.
Preview, copy, and ship in one pipeline. Go from idea to drop-in UI in minutes.
Open catalog- 01
Browse
Pick the component you need from the live catalog.
- 02
Preview
Check motion, type, and spacing in the running example.
- 03
Copy
Paste the install prompt plus TSX into Cursor or Claude. Free copy is once per day.
- 04
Ship
The agent places the files next to your shadcn setup.
Loved by developers
Loved by thousands of people
A wall of developer reactions, product-team notes, and shipping wins from DesignLayer.
We preview motion live, then paste straight into Cursor. The back-and-forth dropped a lot.
Copying typed TSX is the difference. It sits next to shadcn without falling apart.
Spacing and motion are consistent. It’s easy to hand the intent to engineering.
We preview motion live, then paste straight into Cursor. The back-and-forth dropped a lot.
Copying typed TSX is the difference. It sits next to shadcn without falling apart.
Spacing and motion are consistent. It’s easy to hand the intent to engineering.
We preview motion live, then paste straight into Cursor. The back-and-forth dropped a lot.
Copying typed TSX is the difference. It sits next to shadcn without falling apart.
Spacing and motion are consistent. It’s easy to hand the intent to engineering.
We preview motion live, then paste straight into Cursor. The back-and-forth dropped a lot.
Copying typed TSX is the difference. It sits next to shadcn without falling apart.
Spacing and motion are consistent. It’s easy to hand the intent to engineering.