Skip to content
aicoolies logo
21st.dev logo

21st.dev

npm for design engineers — shadcn/ui component marketplace

21st.dev is the largest open-source marketplace of shadcn/ui-based React Tailwind components, blocks, and hooks. Used by 1.4M developers with 200K monthly active users. Functions as an MCP server enabling AI coding agents to discover and compose UI components via API. Features a Magic AI feature that generates components from natural language prompts. All components installable with npx shadcn.

About 21st.dev

21st.dev is a component registry and AI agent deployment platform that has grown to serve 1.4 million developers with 200,000 monthly active users. The platform provides a curated collection of React UI components built on Tailwind CSS and Radix primitives, designed for rapid prototyping and production use in AI-powered applications. Beyond components, 21st.dev offers agent templates and an SDK that simplifies the process of building, testing, and deploying AI agents across different infrastructure providers.

The open-source 1code project serves as the orchestration layer for coding agent workflows, providing a Cursor-like graphical interface for interacting with Claude Code, OpenAI Codex, and other coding agents. It supports multi-agent coordination where multiple AI assistants can work on different parts of a codebase simultaneously, with Git integration for tracking and merging their changes. The visual interface makes agent-assisted development accessible to developers who prefer graphical tools over purely terminal-based workflows.

Backed by Y Combinator, 21st.dev has built significant distribution in the developer tools space through its Magic MCP integration and growing component marketplace. The platform bridges the gap between UI component libraries and agent infrastructure, recognizing that modern AI applications need both polished interfaces and robust agent capabilities. For teams building AI-powered products, it provides a unified platform for sourcing UI components, configuring agent behaviors, and deploying the resulting applications.

Pricing & Platform Specs

Pricing Summary

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.

full pricing breakdown →

Supported Platforms

Web (React/Next.js)

Explore categories, tags & use cases

Collection of 150+ animated React components for landing pages

Magic UI provides over 150 animated React components designed for creating visually impressive landing pages and marketing sites. Components include animated text effects, particle backgrounds, scroll-triggered animations, 3D cards, and interactive elements built on Tailwind CSS and Framer Motion. Copy-paste installation model following the shadcn/ui pattern.

freemiumOpen Source

Beautifully designed components

Copy-paste component library for React that puts you in full control — not a dependency, you own the code. Built on Radix UI primitives and Tailwind CSS for accessibility and styling. The most popular React component system in the ecosystem, setting the standard for how modern component libraries should be distributed and customized by developers.

Open Source

Copy-paste React component collection built on Tailwind v4

Origin UI is a curated collection of copy-paste React components built with Tailwind CSS v4 and Radix UI primitives. It provides production-ready UI patterns for dashboards, forms, navigation, data tables, and settings panels. Components are designed to be dropped directly into projects with minimal modification, following modern design conventions with dark mode support.

Open Source

React components for building AI chat interfaces

assistant-ui is a TypeScript/React component library for building AI chat interfaces with streaming responses, tool rendering, branching conversations, and LLM provider integrations. It supports Vercel AI SDK, LangGraph, and custom backends out of the box. Used by LangChain, Browser Use, and Stack AI. YC W25-backed with 9,000+ GitHub stars and 450K+ monthly npm downloads.

freemiumOpen Source

Community experience

Sources & verification

Sources checked
Content verified

Verification dates are editorial checks. Routine CMS saves and automatic updatedAt timestamps do not advance them.

FAQ

What is 21st.dev?

21st.dev is the largest open-source marketplace of shadcn/ui-based React Tailwind components, blocks, and hooks. Used by 1.4M developers with 200K monthly active users. Functions as an MCP server enabling AI coding agents to discover and compose UI components via API. Features a Magic AI feature that generates components from natural language prompts. All components installable with npx shadcn.

Is 21st.dev free?

21st.dev offers a free tier alongside paid plans. 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.

Is 21st.dev open source?

Yes — 21st.dev is open source.

Is 21st.dev still maintained?

Yes — 21st.dev is active. Its listing was last verified on September 6, 2026.

What are the best 21st.dev alternatives?

The first editor-selected 21st.dev alternatives are Magic UI, shadcn/ui, Origin UI, and more.