{
  "slug": "21st-dev",
  "name": "21st.dev",
  "url": "https://21st.dev/",
  "cat": "core",
  "group": "design",
  "tagline": "Component marketplace + MCP + themes",
  "price": "Free (2 copies/day) · $6/mo · $15/mo +AI",
  "tier": "mixed",
  "pick": true,
  "what": "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": "<b>The themes page is the fastest visual win you have.</b> A theme here is a shadcn token set — colors, type, radius. Copy the <code>:root</code>/<code>.dark</code> 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.",
  "install": "npx @21st-dev/magic@latest",
  "category": {
    "key": "core",
    "name": "Core design stack",
    "desc": "The foundation your project sits on, and the pieces that re-skin it wholesale.",
    "group": "design",
    "groupName": "Make it look right"
  },
  "freshness": null,
  "health": {
    "ok": true,
    "status_code": 200,
    "final_url": null,
    "checked_at": "2026-08-18T21:22:12.874+00:00"
  },
  "corrected_at": null,
  "upstream_changed_at": null
}