Official DesignLayer
Motion React sections built for Cursor
Preview, copy the TSX, paste into Cursor or Claude. A motion UI catalog that sits next to shadcn/ui.
We no longer generate store websites with AI. Design Layer is now a motion React component catalog for developers. Read the relaunch announcement
Preview free · 3 component copies/day · Free vs Pro · Templates
Built with the stack in these components
- Copy-paste ready TSX
- Motion & Three.js sections
- Setup notes for Cursor, Claude, and MCP
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.
- 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 3 times per day.
- 04
Ship
The agent places the files next to your shadcn setup.