21st.dev
Updated
About 21st.dev
21st.dev is a library of over 12,000 React components, templates, and themes built by design engineers.
Developers and AI agents use 21st.dev to quickly add UI elements to web projects. It works well for solo builders, startups, and product teams who want to copy components as prompts and paste them into their coding tools or AI assistants.
- 12,000+ React components, templates, and themes
- Components work as copy-paste prompts for AI tools
- Marketing blocks, UI components, and shadcn themes included
- Save and bookmark components into personal or shared lists
- Real, editable React and Tailwind CSS source code
Good to know: Free to join and browse. Components integrate with Claude, Lovable, Codex, and other AI coding tools.
Key features
- Prompt-based copying: Copy any component as a prompt and paste it into Claude, Lovable, or your terminal to generate working code.
- Ready-to-ship code: Each component is real React and Tailwind CSS source, built with shadcn/ui conventions and ready to edit.
- Organized collections: Browse components from 700+ design engineers, bookmark favorites, and organize them into personal or team lists.
At a glance
- Category: AI Coding
- Type: AI coding assistant
- Jobs: Build Sites & Apps
- Evidence: Not yet reviewed
- AIME Score: 70 of 100
- Website: 21st.dev
Alternatives to 21st.dev
- Visual Studio Code (AIME Score 86)
- Visual Studio (AIME Score 79)
- Cursor (AIME Score 72)
- Replit (AIME Score 70)
- Qodo (AIME Score 66)
- CodeRabbit (AIME Score 66)
More AI coding assistant tools
Sources: Details checked on the tool’s own website · Researched by AI Made Easy
This is a tool profile with the essentials. Spotlights, our in-depth reviews with screenshots and video, are added every day, Proven tools first. How we pick Spotlights
Is this your tool? Claim, update or remove this listing, or get a badge