Uwarp

21st.dev — marketplace for React & shadcn components

Browse 21st.dev for React components, templates, and shadcn themes—install via CLI or copy AI-ready prompts for Cursor and Claude Code.

  • React Components
  • shadcn Registry
  • Component Marketplace
  • AI Prompts
Publisher
Serafim Korablev
Type
React Component Marketplace
Pricing
Freemium
Reviewed
22 August 2026
Visit Website
21st.dev social preview for the React component marketplace and shadcn registry
Official site preview — 21st.dev. Live UI, pricing, and generation happen on their domain.

Quick verdict

Use when
You build React + Tailwind interfaces and want a large community marketplace of shadcn-style components you can install as source—either with the shadcn CLI or by pasting an AI-ready prompt into Cursor, Claude Code, v0, or Lovable.
Skip when
You only need core design-system primitives, a single maintainer-owned library with one consistent aesthetic and a versioned package, or a fully offline workflow with no marketplace browsing.
Try instead

Use on-site component galleries, design-system hubs, and layout playgrounds on Uwarp when a community component marketplace is not the job.

21st.dev vs common alternatives

Stable selection factors only—pricing tiers, learning cost, output limits, and where component code ends up. Confirm live details on each official site.

  • 21st.devThis page

    Pricing
    Free to browse, search, and preview; signed-in users get 2 component copies a day. Paid Builder membership unlocks unlimited copies; Builder + AI adds monthly AI credits
    Learning cost
    Browse live previews, then run a one-line shadcn CLI install or copy an AI prompt—short ramp for React/Tailwind teams
    Output limits
    Community marketplace across many authors: components, templates, themes, gradients, and hooks; free tier caps daily copies and installs
    Privacy
    Components install as source into your repo; browsing and AI prompt generation happen on the 21st.dev service

  • shadcn/ui

    Pricing
    Free open-source registry; components install as source into your app
    Learning cost
    Copy or install styled primitives with the shadcn CLI—short ramp for React/Tailwind developers
    Output limits
    Core primitive and component library; you assemble app-specific UI from source
    Privacy
    Components copy or install locally; browsing happens on the registry site

  • Aceternity UI

    Pricing
    Freemium—free registry plus paid premium blocks and templates
    Learning cost
    Browse demos and copy blocks into a Next/Tailwind app—short ramp
    Output limits
    Marketing-focused animated blocks and templates for landing pages
    Privacy
    Components copy into your app; browsing happens on the catalog site
  1. 21st.dev — official site
  2. 21st.dev — Pricing
  3. shadcn/ui — official site
  4. Aceternity UI — official site

Learn more

Details below the decision summary—features, workflow, and scope notes.

What is 21st.dev?

21st.dev is an open-source community marketplace for React UI components built with Tailwind CSS and shadcn/ui conventions. It brands itself as “npm for design engineers”—browse components, templates, themes, gradients, and hooks from many authors, then install them as source code in your own repo instead of adding a versioned package.

What it costs

Tier snapshot before you copy your first component.
Free tier
Yes
Pricing summary
21st.dev is free to browse, search, preview, and use as inspiration. Signed-in users get two component copies or installs per day. A paid Builder membership unlocks unlimited copies and installs, and Builder + AI adds monthly AI credits for component generation. Confirm live plan names and amounts on the official pricing page—numbers change.

Reviewed on 22 August 2026 · 21st.dev — Pricing

What 21st.dev provides

Core capabilities of the public 21st.dev marketplace.

  • Component marketplace at scale

    Thousands of components, templates, themes, gradients, and hooks published by many design engineers—not one library aesthetic.

  • Source lands in your repo

    Components are copied into your project as editable source in the shadcn registry format, so you own them and there is no version to upgrade.

  • AI-ready component prompts

    Each component ships an AI-ready prompt you can paste into Cursor, Claude Code, v0, or Lovable to rebuild it wired to your stack.

  • One-command CLI installs

    The shadcn CLI pulls a component plus required files and extends your Tailwind theme in a single command.

  • Community publishing with review

    Authors publish components through a review flow—on review, posted, then featured—so the marketplace stays curated.

  • Open-source core

    The platform source is MIT-licensed on GitHub (serafimcloud/21st), built with Tailwind CSS and Radix UI.

How teams use 21st.dev

A practical component-browsing and install workflow.

  1. Match the component to the job

    Browse categories and live previews; pick components, templates, or themes that fit your design system rather than every shiny block.

  2. Preview before you commit

    Open the demo to check interactivity, accessibility, and responsive behavior before installing anything.

  3. Install with the shadcn CLI

    Run the provided command in your project root—the CLI adds files and extends your Tailwind theme automatically.

  4. Or copy an AI-ready prompt

    Paste the component prompt into your coding agent and let it rebuild and wire the component into your codebase.

  5. Own and adapt the source

    Once copied, edit styles, behavior, and tokens directly—there is no package to upgrade or vendor to depend on.

  6. Watch the free-tier daily cap

    Plan installs around the two free daily copies, or use a paid membership for unlimited access.

Who 21st.dev is for

Roles that benefit from installable React components and AI-agent workflows.

  • Front-end developers

    Ship polished React/Tailwind interfaces by installing source-level components instead of hand-coding every block.

  • AI agent users

    Give Cursor, Claude Code, v0, or Lovable a concrete component reference to rebuild inside your codebase.

  • Design engineers publishing components

    Publish through the review flow, gather feedback, and get featured when the marketplace quality bar is met.

  • Teams standardizing on shadcn/ui

    Reuse components that compose with shadcn/ui primitives and existing Tailwind design tokens.

When 21st.dev is the right pick

Choose 21st.dev when you want a large community marketplace of shadcn-style React components that install as source and work with AI agents. Skip it when you need a single-owner component library, an offline-only workflow, or a versioned package dependency with a stable release.

Licensing and platform notes

Facts to verify on 21st.dev before you depend on a workflow.
Open-source MIT core
Platform source is MIT-licensed on GitHub (serafimcloud/21st); individual components are published by their own authors under their stated terms.
Registry format
Components ship in the shadcn registry format and compose with shadcn/ui primitives and your existing Tailwind tokens.
Free tier + membership
Browsing is free with two daily copies for signed-in users. Membership unlocks unlimited copies; AI generation runs on paid monthly credits—confirm live details on the pricing page.
Page type
This route is a curated listing at /curated/21st-dev. Browsing, installs, publishing, and billing happen on 21st.dev.
Affiliation
This page is not affiliated with 21st.dev or Serafim Korablev beyond discovery and documentation. Features, terms, and pricing are determined on the official site.

Frequently Asked Questions

Quick answers about this tool—open a question to read more.