21st.dev 是一个由设计工程师社区构建的 UI 界面目录和注册表，定位为“活着的界面库”。它提供超过 12,000 个手工制作的 React 组件、完整模板、shadcn 主题、着色器、交互和渐变，这些内容由 700 多名设计工程师贡献。平台已被 4,150,992 名构建者使用，涵盖独立开发者到全球大型产品团队。
主要能力
- 海量 UI 资源：12,000+ 手工制作的 React 组件、模板和 shadcn 主题，由真实设计工程师构建。
- AI 就绪提示词：每个组件都以提示词形式提供，一次复制即可在任意 AI 工具中自动构建。可以粘贴到终端，源码进入你的仓库；作为任务粘贴到 Codex，生成差异补丁；粘贴到聊天窗口，精确的 UI 出现在你的项目中。
- 实时预览：所有组件支持在线实时预览。
- 一键安装：提供 shadcn CLI 安装命令，走经典安装方式。
- 源码归属：组件采用 React + Tailwind 和 shadcn/ui 惯例，以源码形式落入你的仓库，属于你可编辑的资产。
- 收藏与列表：可将任意组件收藏到个人或团队共享列表，并一键取回。
- 作者体系：每个组件都有作者，可索引、可搜索。任何人均可发布组件，保留作者署名并展示在公开个人资料页；模板作者可直接出售作品。
使用方式
浏览注册表并实时预览组件；点击任意组件的“Copy prompt”，粘贴到 Cursor、Claude Code、v0、Lovable 或其他 AI 代理中，代理会在你的代码库内重建组件并接入你的技术栈。也可使用附带的 shadcn CLI 安装命令。组件以 shadcn 注册表格式发布，设计上与 shadcn/ui 原语和现有设计令牌组合使用。
适用场景
适合需要将 React + Tailwind 组件快速集成到项目中的开发者、使用 AI 代理生成 UI 的团队，以及寻找生产就绪模板的构建者。模板是完整的生产级起点，包含完整页面或多页应用，而非单一组件，购买前会明确列出包含内容。
限制与费用
浏览整个注册表免费，每天提供 2 次免费组件复制。会员解锁无限复制和来自作者的高级模板。21st AI 用于生成和优化 UI，是需按月信用额度开启的附加项。组件库与注册表的区别在于：组件库是单一包、单一美学、作为依赖安装；21st 是注册表，多作者、多风格，代码被复制到你的仓库而非导入，归你所有可修改，不存在需要升级的版本。
