讲师中心 微信公众号
AI工具推荐 视频效率加速
21st.dev
21st.dev 21st.dev 发布时间:2025.07.17

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截图

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

更多
Hot 火山引擎
火山引擎

火山引擎是一款面向企业的云计算与AI服务平台。

Codex
Codex

一款AI开发辅助工具,主要用于OpenAI 推出的 AI 编程与自动化智能体,适合需要提升相关任务效率的用户。

MiniMax Code
MiniMax Code

一款连接本地项目、文件与浏览器的AI编程和办公助手。

Hot AionClaw
AionClaw

AionClaw是一款面向办公、创作和编程任务的AI桌面智能体。

星图AstraFlow大模型
星图AstraFlow大模型

星图AstraFlow大模型是一款面向开发者的大模型API聚合调用平台。

Hot 切问学术
切问学术

切问学术是一款AI论文写作工具,复旦大学NLP团队推出的AI学术智能体。

Hot Lovart
Lovart

一款面向视觉设计创作的AI设计平台,可通过智能体和画布工作流辅助制作海报、Logo、网页、PPT及其他视觉内容。

Hot 蛙蛙写作
蛙蛙写作

一款AI论文写作工具,主要用于超级AI智能写作助手,适合需要提升相关任务效率的用户。

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn