Development · Website
21st.dev
Curated directory of crafted React, Tailwind, and shadcn UI components.
21st.dev is an open registry of React components, templates, and shadcn themes created by design engineers. Instead of installing a rigid npm package, users can preview components live and copy them directly as code or prompt snippets ready for AI coding agents like Cursor, Claude Code, and Lovable.
What it's for
- Upgrade bland AI-generated landing pages with animated heroes and shaders
- Paste prompt-ready UI components directly into AI coding assistants
- Discover polished React and Tailwind design blocks for web applications
- Bookmark and organize reusable frontend components for design systems
Features
- Over 12,000 crafted React and Tailwind CSS components and templates
- Compatible with shadcn/ui conventions for drop-in repo integration
- Copy-as-prompt support optimized for AI tools like Claude Code, Cursor, and Lovable
- Interactive live previews for buttons, navigation, footers, and complex animations
- Community contributions from established UI creators and libraries
- Personal and team bookmark lists for saving interface assets
Pricing
Freemium. Free to browse with 2 free component copies per day; paid membership unlocks unlimited copies and premium templates.
Details
- Type
- Website
- Category
- Development
- Topic
- UI Components
- Open source
- No
- Platforms
- Web
- For
- Frontend developers, indie hackers, and builders using AI coding assistants.
- Alternative to
- shadcn/ui, Aceternity UI, Magic UI
- Tags
- react, tailwind, shadcn, ui components, design system, ai tools
Why it was saved
- @adam_ha_yes: Provides copy-pasteable, modern design assets and component code to upgrade bland AI-generated web layouts.
- @korablev: Source of high-quality copy-paste UI components for building products; compatible with AI tools like Lovable, v0 and Bolt.new.
- @PrajwalTomar_: 12,000+ hand-crafted React and Tailwind CSS components, templates and shadcn themes; per its link card you can preview live and install with one command — prompts are copied into Bolt to upgrade individual UI sections
Compare
Related
Copy-paste React UI components built with Tailwind CSS and Radix primitives.
Pre-built, responsive shadcn/ui blocks and layouts for React applications
Open-source animation library for React, Vue, and vanilla JavaScript
Open-source animated and interactive React UI components and backgrounds
Open-source animated React icons built with Lucide and Motion
Animated React and Tailwind UI components designed for landing pages
Updated