21st

使用场景开发者可以在21st.dev上找到并安装如shadcn/ui/accordion等组件,快速为自己的Web项目添加交互式的手风琴效果。设计工程师可以发布...

  • 21st

    类别:开发与工具,AI设计工具,React,UI组件,Tailwind,Radix UI,开源,社区,普通产品,开源,
    官网:https://github.com/rorkai/21st 更新时间:2025-08-02 10:15:57
  • 使用场景

    开发者可以在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. 将组件集成到项目中,开始使用。