返回精选
工具21st2026年7月14日

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 特效这类少见的品类。

查看原文