Project detail · Developer Tools
21st.dev - Crafted React components and templates, not AI slop | 21st
Hand-crafted React components and templates for building polished user interfaces.
Past Editor's Pick
Each component ships as a copy-paste prompt that rebuilds itself, already themed, inside Claude Code or Lovable. Browsing the library feels like flipping through a design system a careful human actually shipped.
21st.dev

Try live demo Live checked1 week ago
Try this first: Browse hand-crafted React components and select templates to use.
ComponentsNo LoginDeveloper ToolReact ComponentsReactUiRegistryTemplatesDesign“React components”“templates”“hand-crafted”“polished user interfaces”
Tech Profile
- Hosting
- Vercel
- Framework
- Next.js
- Backend
- Supabase
- Analytics
- Google Analytics
- Auth
- Clerk
- Time
- Under an hour
- Built with AI
- Claude Code, Claude
- AI help
- Meaningful
Agent Interfaces
- MCP endpoint
https://21st.dev/api/mcp- Agent guide
llms.txt
Site health
🛠 1 site-health suggestion await the maker — claim this project (sign in with X) to view.
Source
X · 1 month ago
This video shows a fully animated 3D site built in 2 minutes with claude code. one terminal command. but the prompt was almost irrelevant. the real work was the pre-load: ui/ux pro max skill, a hero component from framer motion stacked in before claude touched anything the toolkit did the job. the prompt just pulled the trigger. that's also why most people's claude output looks generic. they skip the setup and blame the model.
For the maker: hang the plaque, claim the project
This project is unclaimed — sign in, hang the plaque on your site, and it's yours.
For the maker: hang the plaque, claim the project
This project is unclaimed — sign in, hang the plaque on your site, and it's yours.
Keep exploring
Similar projects
Sign in to report a problem with this project.














Comments
Sign in to comment.