aicoolies logo
21st.dev logo

21st.dev

npm for design engineers — shadcn/ui component marketplace

Share
freemiumOpen Source
Visit Website →

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.

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

Free tier, Pro for teams

Platforms

Web (React/Next.js)

Categories

Tags

Use Cases

Alternatives

magic ui

Magic UI

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.

open-sourceOpen Source
shadcn/ui logo

shadcn/ui

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-sourceOpen Source
Origin UI logo

Origin UI

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-sourceOpen Source
assistant-ui logo

assistant-ui

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.

open-sourceOpen Source

Related Tools

Claude Code logo

Claude Code

Top Pick

Anthropic's agentic coding CLI

Anthropic's agentic CLI coding tool that delegates complex tasks to Claude directly from the terminal. Understands entire codebases via automatic context gathering, edits multiple files, runs shell commands, and manages Git workflows autonomously. Supports CLAUDE.md for persistent project instructions, integrates with VS Code and JetBrains, and uses Claude Opus/Sonnet with extended thinking for complex architectural decisions. Built for terminal-first developers.

paidOpen Source
Cursor logo

Cursor

Top Pick

The AI-first code editor

AI-first code editor built as a VS Code fork that deeply integrates LLMs into every part of the development workflow. Features Tab autocomplete with multi-line predictions, Cmd+K inline editing, AI chat with full codebase awareness, and Agent mode for autonomous multi-file edits with terminal execution. Supports GPT-4, Claude, and more with automatic context from project files and docs. Includes privacy mode for SOC 2 compliance. The leading AI-native IDE with 100K+ paying users.

freemiumTelemetry
OpenCode logo

OpenCode

Top Pick

Open-source AI coding agent for the terminal

Open-source terminal-based AI coding agent built in Go by the SST team, with a rich TUI (Bubble Tea) supporting 75+ model providers including OpenAI, Anthropic, Gemini, Bedrock, Groq, and OpenRouter. Features vim-like editing, persistent SQLite sessions, and LSP integration for 40+ languages. Fully free with no vendor lock-in, it has rapidly grown to 95k+ GitHub stars.

open-source
Codex logo

Codex

Top Pick

OpenAI coding agent for app, editor, terminal, and cloud work

Codex is OpenAI's coding agent for software development across the Codex app, editor, terminal, and cloud tasks. It helps write, review, debug, refactor, and automate code, with ChatGPT plan access for managed surfaces and API-key usage for CLI, SDK, and IDE workflows. The open-source CLI and SDK support local repository work, while cloud features add GitHub review, Slack/Linear integrations, worktrees, skills, MCP, and automations.

freemiumOpen Source

Accomplish Coworker

Open-source desktop AI coworker for browsing and code execution.

Accomplish Coworker is an MIT-licensed open-source AI coworker that runs on the desktop, combining computer-use style browsing with code execution so agents can research, implement, run, and debug workflows in one local environment.

open-sourceOpen SourceTelemetry
OpenUI logo

OpenUI

Open-source UI generation from natural-language prompts

OpenUI is an Apache-2.0 design-to-code tool from W&B that turns natural-language interface prompts into live HTML previews and frontend code. Teams can run it locally or with Docker, connect OpenAI, Groq, LiteLLM-compatible providers, or Ollama, and export generated UI toward React, Svelte, Web Components, and related workflows. It fits rapid UI mockups where developers want editable code instead of screenshots.

open-sourceOpen SourceTelemetry