shadcn/ui

可复制进项目的组件源码,而不是另一层黑盒依赖。

简介

基于 Radix UI 与 Tailwind CSS 的组件集合,通过命令行把源码加入项目。组件归项目所有,可以按设计系统和业务需要直接修改。

安装

npx shadcn@latest init

命令用于快速开始,具体版本与配置请以官方文档为准。

适用场景

  • 快速拼出带有基础交互的产品骨架
  • 在已有设计系统上二次调整组件
  • 减少通用弹窗、菜单和表单的重复实现

特点

  • 源码进入仓库,不必适配组件库黑盒
  • 交互底座来自 Radix 的可访问性能力
  • 样式使用 Tailwind,和现有令牌容易融合