21st.dev:拒绝「AI 流水线审美」的 React 组件社区
社区共创的 React 组件与模板注册表:数千个人工精修的组件覆盖 50+ 品类,支持 CLI 与 MCP 接入 AI 编程工具——让 AI 从真正好看的 UI 起步,而不是千篇一律的「AI 平均脸」。
21st.dev 的定位很鲜明:「Crafted, not AI slop」——一个社区共创的 React 组件与模板注册表,收录数千个人工精修的组件(按钮、卡片、表单等 50+ 品类)和落地页、仪表盘、SaaS 应用等整套模板,甚至还有 ASCII 艺术和 shader 特效这类别处少见的品类。
它对 AI 编程时代的价值在接入方式:除了浏览选用,还提供 CLI 和 MCP 工具,让 Claude 这类 AI 编程助手直接从这个高质量组件库取材生成 UI,而不是凭模型的「平均审美」从零硬造。
内容来自社区:任何人都能通过 Creator Studio 发布自己的组件,形成「设计师供货、开发者与 AI 消费」的循环。
适合用 React 建产品、又不想让页面长得和所有 AI 生成站一个样的开发者和团队。
常见问题
21st.dev 是什么?
社区共创的 React 组件与模板注册表:数千个人工精修组件覆盖 50+ 品类,定位是「Crafted, not AI slop」——给产品真正好看的 UI 起点。
怎么和 AI 编程工具配合?
提供 CLI 和 MCP 工具:Claude 这类 AI 编程助手可以直接从这个组件库取材生成 UI,而不是凭模型的「平均审美」从零硬造。
谁可以发布组件?
任何人——通过 Creator Studio 发布自己的组件和模板,内容由社区供给。
上面有什么类型的内容?
按品类组织的组件(按钮、卡片、表单等)、整套模板(落地页、仪表盘、SaaS 应用),还有 ASCII 艺术和 shader 特效这类少见的品类。
