21st.dev 设计创意测评

Name: 21st.dev - 21st.dev 是一个 React 与 Tailwind CSS 组件注册中心，收录 10,000+ 由设计工程师手工打造的 UI 组件和模板。用户可在线预览、书签收藏，并通过一键命令或提示词将其安装到项目中；也支持与 Claude Co
Brand: 21st.dev
Rating: 8.0 (1 reviews)

21st.dev 是一个 React 与 Tailwind CSS 组件注册中心，收录 10,000+ 由设计工程师手工打造的 UI 组件和模板。用户可在线预览、书签收藏，并通过一键命令或提示词将其安装到项目中；也支持与 Claude Co

8.0/10 中国可用

TTG4G 编辑组 ·更新于 2026-08-01 ·数据来源: ai_fine 评测方法 ↗

数据来源

ai_fine · 最近更新 2026-08-01

行业深度解析AI 深度分析

一句话面向设计师与开发者的社区 React UI 组件发现、复制与 remix 平台，并延伸到 AI Agent 模板与 SDK 内容。

适合谁React 前端开发者、UI/产品设计师、构建 AI Agent 的开发团队

核心功能浏览社区发布的 React UI 组件按 Featured、Newest、Popular 以及组件类型筛选复制和 remix 高质量组件提供 Agent Templates、MCP、registry、Magic Chat 等入口博客提供 21st SDK、Claude Code、Agent 安全与模板相关指南

工具/服务类型社区型 React UI 组件库与 AI Agent 模板/SDK 内容平台

核心功能Explore、copy、remix 社区发布的 React 组件；按 Featured、Newest、Popular、Shaders、Heros、Features、AI Chat Components、Calls to Action、Buttons、Testimonials、Pricing Sections、Text Components 等分类浏览；提供 Agent Templates、MCP、registry、Magic Chat、博客指南等入口。

授权与版权文本提到可浏览 open-source UI components，并支持 copy 和 remix，但未给出具体开源协议、版权归属或商业使用条款。

协作能力文本出现 Build Team、Agent Registry、Credential Vaults 可将 API key pin 到团队 agent 等信息，但针对 UI 组件协作、多人编辑或团队权限的具体能力未披露。

资源库规模描述为 thousands of high-quality React components，另有 Agent Elements: 25 shadcn/ui Components 的博客条目；未披露准确组件总数。

导出与兼容明确面向 React components；博客提到 shadcn/ui、Lottie Generator 输出 valid Bodymovin JSON、Claude Code 与 21st SDK，但未说明组件导出格式、设计工具兼容或包管理安装方式。

中国访问未知

国内可用性🔎 查任意海外服务在中国能不能用 →

适用场景快速搭建 React 落地页模块、寻找 AI Chat 界面组件、复用按钮/价格区块/Testimonials 等营销页面组件、学习基于 Claude Code 与 21st SDK 的 Agent 构建思路

同类shadcn/ui、Aceternity UI、Magic UI、Tailwind UI、Radix UI、Framer Marketplace

性价比7

易用8

服务5

综合7

优点

组件以社区发现和复用为核心，适合快速寻找界面灵感
分类覆盖按钮、Testimonials、Pricing Sections、AI Chat Components 等常见落地页与 AI 产品模块
兼顾 UI 组件与 AI Agent 模板生态，对 AI 应用开发者有一定延展价值
文本显示存在开源 UI 组件浏览场景

不足

抓取文本未披露定价、授权协议和版权细则，商业使用前需要进一步确认
组件总量仅描述为 thousands，缺少精确规模和质量审核机制信息
协作能力、导出格式、设计工具兼容性信息不足
部分博客内容日期显示为 2026 年，时效与实际发布状态需核验

中文卖点

可复制混搭高质量 UI 组件，适合前端提效。

官网快照

/shot/21st-dev.png

21st.dev

价格走势

当前价 · 仅供参考

价格未公开当前定价

价格采集自官网公开页面,实时更新;历史走势数据采集中,暂无足够历史样本。下单请以官网实时价为准。

用户评价

综合评分

8.0/10

TG4G 综合评分

评分明细(分布与用户短评)接入中。当前展示 TG4G 综合评分,数据源自公开测评与用户反馈。

常见问题

21st.dev 是一家未知的设计创意 (React UI 组件库)服务商. 可复制混搭高质量 UI 组件，适合前端提效.

21st.dev 在中国大陆基本可用, 但部分时段可能出现延迟, 建议有备用线路. 该商家总部位于未知, 主要面向海外市场.

访问 21st.dev 官网完成注册即可使用. 注册一般需要邮箱 (推荐 Gmail/Outlook) 和支付方式. 多数海外服务支持信用卡 / PayPal / 加密货币. 完整流程见本页"前往官网"按钮.

浏览其他大类

🌾 农业食品 🤖 AI 应用 🔗 API 数据 🚪 API 网关 🧊 3D素材 🚗 汽车出行 🗃 备份容灾 📋 公司合规 📡 智能盒子 🧱 建站模板 🌐 CDN 💬 聊天 App ☁ 网盘云盘 📖 漫画网文 ✉ 通讯邮箱 🏢 跨国名企 💰 加密 🗄 托管数据库 🏷 比价优惠 🔧 开发工具 📡 DNS 解析 🌍 域名 ⬇ 下载软件 🛒 电商 📚 教育课程 📧 邮件发送 ⚡ 能源环保 🎫 活动票务 🎪 会展展会 📤 文件传输 🏦 金融钱包 📝 表单调研 💭 论坛社区 💸 众筹融资 🎮 游戏服务 🎮 游戏市场 🕹 游戏平台 🎁 订阅礼品卡 🏛 政府机构 🎯 GPU 算力 🔌 硬件 IoT 🩺 医疗健康 👔 招聘远程 🖼 图片灵感 🛡 保险 💼 求职招聘 📒 知识笔记 ⚖ 法务财税 📍 本地生活 📦 物流货运 🔎 生活查询 🗺 地图导航 📈 营销 SEO 📺 流媒体订阅 🎞 家庭影音 📰 新闻资讯 🤝 公益慈善 📄 办公协作 🌍 国际组织 ☁ 应用部署 🎛 主机面板 🔑 密码安全 💳 支付 🐾 宠物 👕 印刷定制 🎙 播客有声 🔌 代理 ❓ 问答内容 🏠 房产租售 ⚡ 实时通信 🖥 远程桌面 🗂 资源站 ⚙ SaaS ♻ 二手交易 🛡 安全 📱 短视频直播 📲 接码虚拟号 💬 社交约会 🔐 SSL 证书 💾 云存储 🎓 留学教育 🎧 在线客服 🧰 在线工具 🌐 翻译本地化 ✈ 旅游出行 🏛 全球大学 🚀 加速器 VC ▶ 视频平台 🎬 视频托管 🔒 VPN 隐私 🖥 服务器 🌐 虚拟主机 🔏 零信任组网