21st.dev

21st.dev is part Pinterest, part npm, part Cursor extension — a community-driven library of high-quality React + Tailwind UI components that designers and developers publish for others to remix. You can browse buttons, hero sections, pricing tables, marquees, AI input components, animated backgrounds, and entire shadcn-compatible kits, preview them live, and copy code straight into your project. The product's killer feature for AI builders is its Magic MCP server: connect 21st.dev to Cursor, Claude Code, Windsurf, or any MCP client and you can prompt your editor with something like 'add a glowing CTA section like 21st's most popular' and have the agent fetch the matching component code and wire it into your repo. The service ranks components by community votes, supports custom design tokens, and has a Pro plan with private components for teams and an AI component generator that produces new components from screenshots and text prompts. Pricing includes a Free tier with access to the public library and limited Magic MCP usage, a Pro plan around $11–14/month for individuals with more MCP calls, Team plans for shared private libraries, and Enterprise for design-system integrations. Frontend developers, AI tinkerers, and agencies use 21st.dev to skip the blank-page problem when wiring UI together with AI coding agents.