Uwarp

21st.dev — marketplace for React & shadcn components

Install React components, templates, and shadcn themes 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
Official site

Quick verdict

Use when

  • React + Tailwind marketplace
  • shadcn-style components
  • Community install packs
  • UI building blocks

Skip when

  • Core design-system primitives only
  • Single-maintainer aesthetic library
  • One versioned internal kit

21st.dev vs common alternatives

How 21st.dev stacks up for react component marketplace—pricing tiers, ramp-up time, output scope, and where work is processed. Verify current details on each official site.

Tap a dimension to focus

Pricing

  • 21st.devThis page
    • Free to browse/generate
    • Free to browse, search, and preview
    • Signed-in users get 2 component copies
    • Builder + AI adds monthly AI
  • shadcn/ui
    • Free open-source
    • Components install as source into your
  • Aceternity UI
    • Freemium
    • Free registry plus paid premium blocks
  1. 21st.dev — official site
  2. 21st.dev — Pricing
  3. shadcn/ui — official site
  4. Aceternity UI — official site

Preview of 21st.dev - not the live app. Confirm details on the official site.

Does this overview help you decide?

—

(—)

Learn more

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

What is 21st.dev?

Install React components, templates, and shadcn themes via CLI—or copy AI-ready prompts for Cursor and Claude Code.

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.

Frequently Asked Questions

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