

21st
简介 :
21st.dev是一个开源的React UI组件社区注册表,任何人都可以发布最小的Tailwind & Radix UI组件,并通过npx shadcn命令安装任何组件。它受到shadcn/ui的启发,旨在为设计工程师提供一个大型的组件、模块和钩子的市场。
需求人群 :
目标受众主要是设计工程师和前端开发者,他们需要快速、高效地在项目中集成高质量的UI组件,以提升开发效率和用户体验。对于希望在项目中使用Tailwind和Radix UI的开发者来说,21st.dev提供了一个丰富的组件库,可以节省大量的时间和精力。
使用场景
开发者可以在21st.dev上找到并安装如shadcn/ui/accordion等组件,快速为自己的Web项目添加交互式的手风琴效果。
设计工程师可以发布自己创建的Tailwind主题组件,与其他开发者共享,促进社区的繁荣。
前端团队可以利用21st.dev上的组件快速搭建原型,加速产品设计和开发流程。
产品特色
支持纯React组件、Next.js客户端组件、TypeScript、Tailwind主题与自定义配置、自定义全局CSS样式、RadixUI及其他npm依赖
允许用户通过简单的npx shadcn命令快速安装组件,自动创建必要文件并扩展Tailwind主题
提供详细的文档和安装指南,方便用户快速上手
鼓励发布TypeScript组件,虽然JS支持目前尚未经过测试
拥有活跃的开源社区,用户可以自由贡献组件,共同推动项目发展
使用教程
1. 访问21st.dev网站,浏览可用的组件。
2. 选择需要的组件,复制对应的npx shadcn命令。
3. 在项目根目录下运行该命令,组件及其依赖将自动安装,Tailwind主题也会相应扩展。
4. 根据需要,可以进一步自定义组件的样式和行为。
5. 将组件集成到项目中,开始使用。
精选AI产品推荐
中文精选

抖音即创
即创工作台是一个一站式的智能创意生产与管理平台。它集成了视频创作、图文创作、直播创作等多种创意工具,可以通过AI的力量大大提高创作效率。主要功能和优势包括:1)视频创作:内置多种AI视频创作工具,支持智能编剧、数字人物、一键成片等,可快速生成高质量视频内容;2)图文创作:提供智能图文和商品图片生成工具,可快速制作微信文章、产品详情等图文内容;3)直播创作:支持AI直播背景、直播文案等创作工具,可轻松制作抖音、快手等直播内容。定位为新创和创意从业者的创意助手,以合理价格提供创意生产全流程服务。
AI设计工具
106.5M

神采 PromeAI
神采 PromeAI 拥有强大的人工智能驱动设计助手和广泛可控的 AIGC(C-AIGC)模型风格库,使你能够轻松地创造出令人惊叹的图形、视频和动画,是建筑师、室内设计师、产品设计师和游戏动漫设计师的必备工具。
AI设计工具
8.4M