21st.dev/
21
21st.dev
12,000+ 精心打造的 React 组件、模板与 shadcn 主题——复制源码，或让 AI 智能体直接帮你生成。
立即开始了解更多
立即试用
GPT-4o什么是 21st.dev?
21st（21st.dev）是一个持续更新的社区组件注册表，汇集 700+ 真实设计工程师打造的 12,000+ 手工级 React + Tailwind + TypeScript 组件、整站模板与 shadcn 主题，包含 Aceternity UI、Magic UI、Origin UI、Geist、Kokonut UI、Motion Primitives 等知名库。它在网页端、21st MCP 服务与 21st CLI 三种界面上提供「查找」与「生成」两类能力：你可以在线交互预览任意组件，然后复制完整 TSX、用 shadcn CLI 一条命令安装，或把一段 AI 提示粘贴进 Cursor、Claude Code、Codex、Windsurf、VS Code、v0、Lovable，让智能体在你自己的代码库里重建该组件。与传统组件库不同，源码是被复制进你的仓库的——每行代码都归你所有，没有运行时依赖，也无需跟随版本升级。21st AI（前身 Magic Chat，其 MCP 前身名为 Magic MCP）还能根据文字提示生成并打磨生产级组件。目前已被超过 340 万开发者以及 Google、Meta、英伟达、字节跳动、Shopify、PayPal 等团队使用。
4.8
评分
免费增值
定价模式
4+
平台
0
收藏
优点
- 规模最大的人工精选 React 组件注册表，收录 Aceternity UI、Magic UI、Origin UI、Motion Primitives 等知名库
- 拿到的是可编辑真实源码并复制进项目，每行都归你，没有包装依赖、不受版本锁定
- AI 智能体工作流体验领先：一句提示即可在 Cursor/Claude Code/v0/Lovable 中按你的技术栈重建组件
- 整个目录免费浏览；兼容 shadcn，组件可安全用于商业产品
- 已被 340 万+ 开发者及 Google、Meta、英伟达、字节跳动、Shopify、PayPal 等团队使用
缺点
- 仅支持 React + TypeScript + Tailwind，没有原生 Vue、Svelte、Angular 组件
- 免费版在网页、MCP、CLI 合计每天只能复制/安装 2 个组件，额度较紧
- 21st AI 生成属于付费积分附加项，每月赠送积分到期清零、不累计
- 700+ 独立作者水平与代码风格不一，仍需自行审查与调整
核心能力
12,000+ React components
Live preview & TSX copy
MCP for AI agents
shadcn CLI install
AI component generator
同类工具对比
| 功能 | 21st.dev | React Bits | PropertySurvey Pro | Remindion |
|---|---|---|---|---|
| 评分 | 4.8 | 4.8 | 4.8 | 4.6 |
| 定价模式 | 免费增值 | 免费增值 | 免费增值 | 免费增值 |
| 起价 | 16 | Free | Free / Paid | Free / Paid |
| API | — | — | — | — |
| 免费版 | — | — | — | — |
| 移动端 | — | — | — | — |
适用人群
前
前端/设计工程师
直接复制真实 TSX，快速交付精致的动态落地页与界面，不必从零造动效。
A
AI 辅助开发者
把 21st MCP 接入 Cursor 或 Claude Code，一句提示就让智能体找到、安装并接好组件。
独
独立开发者/初创
用模板和营销区块快速拼出达到生产水准的站点，无需专职设计师。
产
产品与工程团队
统一使用兼容 shadcn、源码归己的组件，配合团队共享收藏与集中计费协作。
组
组件作者/设计师
发布自有组件、建立公开主页，并通过售卖高级模板变现。
开发者
Serafim Korablev & Sergey Bunas
支持平台
网页版 暂不支持
Windows 暂不支持
Mac 暂不支持
iPhone/iPad 暂不支持
安卓 暂不支持
华为 暂不支持
Linux 暂不支持
支持语言
English
成立时间
2024
更新于
2026-09-06
公司信息
成立于 2024
常见问题
21st 是一个社区化组件目录，汇集 12,000+ 手工打造的 React 组件、模板与 shadcn 主题。可在线预览，然后复制 TSX、用 shadcn CLI 安装，或通过 21st MCP 让 AI 编程智能体直接调用。