2025年12月 - npx shadcn create

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

我们的想法是为你提供坚实的默认值、间距、颜色标记、动画、无障碍支持，然后让你从这里开始。调整代码。添加新组件。更改颜色。构建你自己的版本。

但在某个阶段，所有应用开始看起来都一样了。我猜默认值太_好_了。我的错。

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

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

我们从5种全新视觉风格开始，旨在帮助你的 UI 真正感觉像_你的_UI。

• Vega – 经典的 shadcn/ui 外观。
• Nova – 减少内边距和外边距，适合紧凑布局。
• Maia – 柔和圆润，间距宽松。
• Lyra – 方正且锐利。与等宽字体搭配良好。
• Mira – 紧凑。专为密集界面设计。

这不仅仅是主题切换。

你的配置不仅仅改变颜色，它还会重写组件代码以匹配你的设置。字体、间距、结构，甚至你使用的库，所有一切都根据你的喜好自适应。

全新的 CLI 帮你搞定一切。

从一个组件库开始。选择 Radix 或 Base UI。

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

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

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

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

开始使用