Skip to content
aicoolies logo
21st.dev logo

21st.dev Pricing

freemiumopen sourcelast verified September 6, 2026official site ↗

At a glance

Community-driven design engineering component marketplace and shadcn registry for Tailwind CSS, Framer Motion, and React. Free tier ($0) provides public component discovery, interactive previews, and standard CLI copy/install limits. Pro/Builder subscription starts at $20/month ($15/mo billed annually) providing unlimited AI component prompts, unthrottled component registry sync, premium design systems, and direct IDE/Claude integration.

Self-hosting cost

21st.dev is open source. Self-hosting does not add a software license fee, but you still pay for infrastructure, operations, and any external model or API usage. Any hosted, managed, or API plans remain separately priced.

Free & cheaper UI & Design to Code

same category, free plan or open-source license

FigmaFreemium browser-based design & prototyping platform. Starter plan is free ($0) with 3 Figma/FigJam files and unlimited drafts. Professional plan costs $12-$15/seat/mo (Full Design) and $10-$12/seat/mo (Dev Mode). Organization plan is $45-$75/seat/mo (Full) / $25/seat/mo (Dev) with design system analytics and SSO. Enterprise plan is $75-$90/seat/mo (Full) / $35/seat/mo (Dev) with dedicated workspaces and advanced security governance.Gradioopen sourceFree and 100% open source under the Apache-2.0 license for self-hosted local execution, custom servers, and containerized deployments with zero licensing fees. Built-in sharing provides free temporary public tunneling (share=True, up to 72 hours). Permanent cloud hosting is available via Hugging Face Spaces with a free CPU Basic tier (2 vCPU, 16 GB RAM) and quota-based ZeroGPU access, alongside dedicated hourly GPU compute options (e.g., NVIDIA T4, L4, A10G from ~$0.40/hr) with no base software fees.Magic PatternsFree tier available; Starter at $20/seat/month ($17 annually) with GitHub sync and MCP; Business at $100/seat/month ($85 annually); custom Enterprise pricing.v0Vercel v0 provides a Free plan with $5/month credits, a Plus plan at $30/user/month with team shared credit pools and 65-day rollover, a Business tier at $100/user/month with training opt-out, and custom Enterprise contracts.
21st.dev overview →alternatives →

FAQ

How much does 21st.dev cost?

Community-driven design engineering component marketplace and shadcn registry for Tailwind CSS, Framer Motion, and React. Free tier ($0) provides public component discovery, interactive previews, and standard CLI copy/install limits. Pro/Builder subscription starts at $20/month ($15/mo billed annually) providing unlimited AI component prompts, unthrottled component registry sync, premium design systems, and direct IDE/Claude integration. Paid pricing starts at $15/mo.

Does 21st.dev have a free plan?

Yes — 21st.dev has a free plan alongside its paid tiers.

Can you self-host 21st.dev for free?

21st.dev is open source. Self-hosting does not add a software license fee, but you still pay for infrastructure, operations, and any external model or API usage. Any hosted, managed, or API plans remain separately priced.

What are free or cheaper 21st.dev alternatives?

Figma, Gradio, Magic Patterns are in the same category with a free plan or open-source license.

pricing is editorial catalog data (last verified September 6, 2026) — vendors change plans; confirm on the official site before you buy. Reuse this data under CC-BY 4.0 via /data.