Browse React and Tailwind CSS components, templates, and shadcn themes in the 21st interface library.

21st.dev
21st homepage screenshot

About 21st

21st is a web-based registry of hand-crafted React and Tailwind CSS UI assets, including over 12,000 components, templates, and shadcn themes built by design engineers. Users can browse the full library for free, preview items live, and copy AI-ready prompts to add components to their projects via tools like Cursor, Claude Code, v0, or Lovable, or use standard shadcn CLI install commands. Free accounts allow 2 component copies per day, while paid membership unlocks unlimited copies and access to premium templates. An optional paid 21st AI add-on is available with a monthly credit allowance for generating and refining UI. All copied code is owned by the user and can be modified freely, with no required dependency updates from the platform.

Key features

  • Over 12,000 hand-crafted React, Tailwind, and shadcn UI assets
  • Live previews for all components, templates, and themes
  • AI-ready prompts for integration with major AI coding tools
  • Standard shadcn CLI install commands for all assets
  • Free daily access to 2 component copies for all users
  • Option to publish custom components to the public registry
Best for: React and Tailwind developers, design engineers, and product teams building web interfaces who want customizable, ready-to-use UI assets that work with AI coding tools.
Good for
  • Wide selection of 12,000+ UI assets built by hundreds of design engineers, used by major tech companies and startups
  • Flexible integration via AI prompts or shadcn CLI, with code copied directly to user repos for full ownership and modification
  • Free access to browse the full registry and copy 2 components daily, with optional paid tiers for unlimited access and premium templates
Watch out for
  • Free user accounts are limited to 2 component copies per day
  • The 21st AI UI generation tool is a separate paid add-on with monthly credit caps, not included with standard membership
  • Copied components have no centralized version management or automatic updates from the 21st platform

21st at a glance

Website
21st.dev
Type
Online tool
Pricing
Not confirmed. Check the site
Platforms
Web
Open source
Not stated
Language
English
Last checked
Oct 5, 2026 · Online when checked
Listed
Oct 5, 2026

21st alternatives

Tools and sites you could use instead, ranked by how closely they match.

All 24 alternatives

Popular in Design Assets & Inspiration

Well-known listings from the same topic.

All 256

21st FAQ

How do I add a 21st component to my project?
Copy the component's AI prompt and paste it into a supported AI coding tool like Cursor, Claude Code, v0, or Lovable, or use the provided shadcn CLI install command.
Is 21st free to use?
Browsing the full registry is free, and users get 2 free component copies per day; paid membership unlocks unlimited copies and premium templates.
Do I own the code for components I copy from 21st?
Yes, all component code is copied directly into your repository, and you can modify it freely with no required dependency updates from 21st.
Is something wrong or out of date?

Tell us and an editor will check it.

Own this website?

Claim the listing and suggest updates yourself. An editor checks every claim first.

Claim this listing