shadcn/ui

shadcn-ui/ui
★ 80k+ StarsUIReactTailwind

不是组件库,而是可复制粘贴的组件集合。基于 Radix UI + Tailwind CSS,完全可定制。

∴ 项目介绍

shadcn/ui 重新定义了 UI 组件的分发方式——不再是安装一个庞大的组件库,而是按需复制你要的组件源码到项目中。你拥有完整的代码控制权,可以随意修改。它迅速成为 React 生态中最流行的 UI 方案之一。

∴ 核心特点

  • ›不是 npm 依赖,而是直接复制到项目中的源码
  • ›基于 Radix UI 无障碍原语,开箱即用的可访问性
  • ›完全使用 Tailwind CSS,无额外 CSS-in-JS 依赖
  • ›支持主题切换(亮/暗模式)
  • ›与 Next.js / Vite / Remix 等框架完美集成

∴ 使用场景

快速搭建后台管理系统 UI
独立开发者的产品原型
SaaS 产品的前端界面
学习 React 组件设计模式
这篇 shadcn/ui 的介绍对你有用吗?匿名投票,一秒钟

0 条讨论

用过的说一句:踩过什么坑、值不值得上
还没有人留言来写第一条——你想问的,多半也是别人想问的
查看 GitHub 仓库← 返回列表