21st.dev

Component marketplace + MCP + themes

Free tier + paidCore design stack21st.dev

What it is

12,000+ React/Tailwind components in native shadcn registry format, plus ~50 community themes, 29,000 searchable icons, shaders and gradients. Every item exposes an AI-ready prompt written specifically for Lovable, Cursor and Claude Code.

Why it earns a slot

The themes page is the fastest visual win you have. A theme here is a shadcn token set — colors, type, radius. Copy the :root/.dark blocks into index.css and the whole app re-skins with zero component edits. Browse the themes page and pick one that matches the look you are already going for.

Getting started

npx @21st-dev/magic@latest

Field notes

0 from the community

Loading notes…

Field check

Unverified

Pricing snapshot

Free (2 copies/day) · $6/mo · $15/mo +AI

Snapshots move fast — verify at checkout, and post a field note if it changed.

Drop into your Lovable chat

Evaluate 21st.dev (https://21st.dev/) for this project, then use it only if it fits what we are already building.
Context: Component marketplace + MCP + themes. 12,000+ React/Tailwind components in native shadcn registry format, plus ~50 community themes, 29,000 searchable icons, shaders and gradients. Every item exposes an AI-ready prompt written specifically for Lovable, Cursor and Claude Code.
Reviewer notes (general, not written for this codebase): The themes page is the fastest visual win you have. A theme here is a shadcn token set — colors, type, radius. Copy the :root/.dark blocks into index.css and the whole app re-skins with zero component edits. Browse the themes page and pick one that matches the look you are already going for.
Watch out for: nothing flagged
Pricing: Free (2 copies/day) · $6/mo · $15/mo +AI
Setup: npx @21st-dev/magic@latest
Rules: treat the notes above as background only. Do not assume a theme, style, layout or feature that is not already in this project — inspect the existing code first and ask me before changing visual direction.

/api/public/tools/21st-dev

Neighbourhood

How 21st.dev sits against the rest of the atlas — swaps, companions and the tools builders actually save alongside it.