用途:Better Design 是一套面向 shadcn/ui 的主题化组件注册表,提供 31+ 套生产可用的设计系统(含 Linear、Stripe、Apple、Notion、Vercel、Supabase、Figma 等),每套约 89 个已完整主题化的组件,可通过 CLI 按需拉取到现有 shadcn/ui 项目。所有设计系统均为 MIT 许可。
主要能力:组件覆盖布局结构(accordion、card、tabs、table)、表单输入(button、input、select、checkbox 等)、反馈与浮层(dialog、drawer、toast、tooltip 等)、导航(navigation-menu、breadcrumb、pagination 等)、数据展示(avatar、chart、carousel、data-table 等)与排版。安装时 CLI 会自动下载组件 TypeScript 文件、安装依赖、更新 globals.css 中的 CSS 变量并处理组件依赖关系。
使用方式:项目需先初始化 shadcn/ui:npx shadcn@latest init。安装单个组件:npx shadcn@latest add https://www.better-design.com/registry/<design-system>/<component>.json,例如 npx shadcn@latest add https://www.better-design.com/registry/linear/button.json;也可一次传入多个 JSON 地址批量安装。安装后按普通 shadcn 组件从 @/components/ui/ 导入使用。设计系统清单见 https://better-design.com/design-systems。
适用场景:为 SaaS、金融、消费类应用、文档、开发者工具、后台仪表盘等快速套用统一视觉风格,或按区块混用不同设计系统。
限制:必须已有 shadcn/ui 项目;混用不同设计系统时 CSS 变量可能冲突,官方建议每个项目只用一套。收费、价格与更新频率等资料暂未提供。