2025 年 12 月 - npx shadcn create

从最初的提交开始，shadcn/ui 的目标就是让它可定制。

我们的思路是先提供扎实的默认值、间距、颜色 token、动画和可访问性，然后让你在此基础上继续。你可以调整代码、添加新组件、修改颜色，构建自己的版本。

但在某个阶段，所有应用开始看起来都差不多了。我想默认值有点 太 好了。我的问题。

今天，我们要改变这一点：npx shadcn create。

自定义一切。选择你的组件库、图标、基础色、主题、字体，并创建你自己的 shadcn/ui 版本。

我们从 5 种全新的视觉样式 开始，目的是让你的 UI 真正像 你的 UI。

• Vega – 经典的 shadcn/ui 观感。
• Nova – 减少内边距和外边距，适合紧凑布局。
• Maia – 柔和圆润，留白充足。
• Lyra – 方正锐利，适合搭配等宽字体。
• Mira – 紧凑，专为高密度界面而设计。

这不仅仅是主题化。

你的配置不只是改变颜色，它还会重写组件代码以匹配你的设置。字体、间距、结构，甚至你使用的库，一切都会适配你的偏好。

新的 CLI 会把这一切都处理好。

从组件库开始。可在 Radix 或 Base UI 之间选择。

我们为 Base UI 重建了每个组件，同时保持相同的抽象层。 它们与你现有的组件完全兼容，甚至包括从远程 registry 拉取的组件。

当你拉取组件时，我们会自动检测你使用的库，并应用正确的转换。

是时候构建一个看起来与众不同的东西了。

现在已支持 Next.js、Vite、TanStack Start 和 v0。

开始使用