21st

面向设计工程师的 npm：基于 shadcn/ui 的 React Tailwind 组件、模块和钩子的最大市场

普通产品设计ReactUI组件

21st.dev是一个开源的React UI组件社区注册表，任何人都可以发布最小的Tailwind & Radix UI组件，并通过npx shadcn命令安装任何组件。它受到shadcn/ui的启发，旨在为设计工程师提供一个大型的组件、模块和钩子的市场。

支持纯React组件、Next.js客户端组件、TypeScript、Tailwind主题与自定义配置、自定义全局CSS样式、RadixUI及其他npm依赖
允许用户通过简单的npx shadcn命令快速安装组件，自动创建必要文件并扩展Tailwind主题
提供详细的文档和安装指南，方便用户快速上手
鼓励发布TypeScript组件，虽然JS支持目前尚未经过测试
拥有活跃的开源社区，用户可以自由贡献组件，共同推动项目发展

目标受众主要是设计工程师和前端开发者，他们需要快速、高效地在项目中集成高质量的UI组件，以提升开发效率和用户体验。对于希望在项目中使用Tailwind和Radix UI的开发者来说，21st.dev提供了一个丰富的组件库，可以节省大量的时间和精力。

开发者可以在21st.dev上找到并安装如shadcn/ui/accordion等组件，快速为自己的Web项目添加交互式的手风琴效果。
设计工程师可以发布自己创建的Tailwind主题组件，与其他开发者共享，促进社区的繁荣。
前端团队可以利用21st.dev上的组件快速搭建原型，加速产品设计和开发流程。

1. 访问21st.dev网站，浏览可用的组件。
2. 选择需要的组件，复制对应的npx shadcn命令。
3. 在项目根目录下运行该命令，组件及其依赖将自动安装，Tailwind主题也会相应扩展。
4. 根据需要，可以进一步自定义组件的样式和行为。
5. 将组件集成到项目中，开始使用。

打开网站

21st 最新流量情况

月总访问量

502571820

跳出率

37.10%

平均页面访问数

5.9

平均访问时长

00:06:29

21st 访问量趋势

21st 访问地理位置分布

21st 流量来源

21st 替代品

Gen AI Toolbox for Databases — Gen AI Toolbox for Databases 是一个开源服务器，用于简化与数据库交互的 Gen AI 工具的开发。

编程•生成式 AI•数据库

On-device Sora — On-device Sora 是一个基于扩散模型的移动设备端文本到视频生成项目。

视频•视频生成•移动设备

Onlook — Onlook 是一款面向设计师的工具，可实时将视觉编辑的 React 网站更改回代码。

国外精选•设计•开发

144

FireRedASR-AED-L — 开源工业级自动语音识别模型，支持普通话、方言和英语，性能卓越。

生产力•语音识别•开源

FireRedASR — 开源的工业级普通话自动语音识别模型，支持多种应用场景。

生产力•语音识别•开源

InspireMusic — 基于 PyTorch 的音乐、歌曲和音频生成工具包，支持高质量音频生成

音乐•音乐生成•音频处理

156

Best AI Websites & Tools

21st

21st 最新流量情况

21st 访问量趋势

21st 访问地理位置分布

21st 流量来源

21st 替代品

21st.dev — 带Prompt的前端组件库，设计工程师的NPM，快速构建精致的UI。

Open Source AI Definition — 开源人工智能定义，推动AI领域的开放与合作

Napkins.dev — 将你的草图转化为应用程序

MagicPatterns — 使用AI快速原型产品界面设计

MacAIverse — macOS风格的开源React桌面环境

anime.gf — 下一代本地优先的大型语言模型（LLMs）

NextUI Pro — 一款用于AI驱动的Web应用、电子商务和仪表板的高级React组件集合

MotionGPT — MotionGPT是一个由社区开发的惊人的机器学习应用

Uiverse.io — 数以千计免费开源的UI元素库

CopilotKit — 构建应用内AI聊天机器人和AI驱动的文本区域

Microapp - AI Component Generator — 使用AI创建和预览React + Tailwind CSS组件

SkyReels-V1-Hunyuan-I2V — SkyReels V1 是一个开源的人类中心视频基础模型，专注于高质量影视级视频生成。

Goedel-Prover — Goedel-Prover 是一款开源的自动化定理证明模型，专注于数学问题的形式化证明。

Hacker News 每日播报 — 一个基于 AI 的 Hacker News 中文播客项目，每天自动抓取 Hacker News 热门文章并生成中文总结。

Prototype — 一个快速启动带有OpenAI集成的Django项目的模板。

OmniParser-v2.0 — OmniParser 是一款通用屏幕解析工具，可将 UI 截图转换为结构化格式，提升基于 LLM 的 UI 代理性能。

Meetily — 隐私优先的AI会议助手，自动记录会议笔记，提升会议效率。

OpenThinker-32B — OpenThinker-32B 是一款强大的开源推理模型，专为提升开放数据推理能力而设计。

Next.js Chatbot Template — 一个开源的AI聊天机器人模板，使用Next.js和Vercel的AI SDK构建。

OLMoE app — Ai2 OLMoE 是一款可在 iOS 设备上运行的开源语言模型应用

Magic 1-For-1 — Magic 1-For-1 是一个高效的图像到视频生成模型，可在一分钟内生成一分钟的视频。