21st.dev是一款面向 React、Tailwind 和 shadcn 生态的 AI 可读 UI 组件注册表。
21st.dev是什么
21st.dev 是由设计工程师社区构建的界面组件库,收录 React 组件、模板、shadcn 主题、动画、shader 和营销区块。它的核心不是安装单一 npm 依赖,而是把组件源码或 AI prompt 复制进项目,由 Cursor、Claude Code、v0、Lovable 等工具重建和适配。
平台适合前端开发者和 AI 编程用户快速查找高质量 UI 片段,并把组件按自己的技术栈、主题和设计系统改造成项目代码。

21st.dev功能
组件注册表:提供大量 React、Tailwind、shadcn 风格组件和完整模板。
AI-ready Prompt:每个组件可复制成提示词,交给 AI 编码工具在本地项目中生成源码。
实时预览:可在网页中预览组件交互和视觉效果,再决定是否引入。
MCP 与 CLI:提供 21st MCP/CLI 等方式,把组件搜索和安装接入开发环境。
21st.dev适用场景
适合 React 前端开发者、UI 工程师和使用 AI 编程工具搭建网站的团队。可以从组件注册表中查找 React、Tailwind 和 shadcn 风格界面,参考实时效果后直接将源码或 Prompt 交给 Cursor、Claude Code、v0 等工具,加快页面组件开发和视觉实现。
官网地址
21st.dev官网地址:https://21st.dev/
相关文章
相关下载
相关AI
一款AI开发辅助工具,主要用于OpenAI 推出的 AI 编程与自动化智能体,适合需要提升相关任务效率的用户。
一款连接本地项目、文件与浏览器的AI编程和办公助手。
星图AstraFlow大模型是一款面向开发者的大模型API聚合调用平台。