介绍 shadcn/create – 构建您自己的 shadcn/ui 自定义一切。选择您的组件库、图标、基础颜色、主题、字体,构建一些与众不同的东西。 现在可用于 Next.js、Vite、TanStack Start 和 v0。
从第一次提交开始,shadcn/ui 的目标就是为您提供可靠的默认设置:间距、颜色标记、动画、可访问性,并让您从这里开始。 调整代码。添加新组件。更改颜色。 我们通过 npx shadcn create 让这一切变得更加简单。
从组件库开始:Radix 或 Base UI。 我们为 Base UI 重建了每个组件,保持相同的抽象。它们与您现有的组件完全兼容,即使是从远程注册表中提取的组件。 当您添加组件时,我们会自动检测您的库并应用正确的转换。
我们还添加了 5 种新的视觉风格,旨在帮助您构建独特的东西。 1. Vega – 经典的 shadcn/ui 外观。 2. Nova – 减少间距以适应紧凑布局。 3. Maia – 柔和且圆润,间距宽敞。 4. Lyra – 方形且锐利。与单一字体搭配效果良好。 5. Mira – 紧凑。为密集界面而设计。
这不仅仅是主题设置。 您的配置不仅仅是更改颜色,它还重写组件代码以匹配您的设置。字体、间距、结构,甚至您使用的库,所有一切都适应您的偏好。 新的命令行工具处理这一切。
去试试吧。点击 +新项目 特别感谢 @base_ui 团队构建了一个令人难以置信的组件库。他们的工作使得在不破坏抽象的情况下构建一切变得简单。太棒了。
278