#前端 #新动态 #shadcn #组件库
shadcn 推出 shadcn/create,可以打造专属的 shadcn/ui
立即体验:访问 https://ui.shadcn.com/ 点击 +新建项目
https://fixupx.com/i/status/1999530424234643716
shadcn 推出 shadcn/create,可以打造专属的 shadcn/ui
立即体验:访问 https://ui.shadcn.com/ 点击 +新建项目
https://fixupx.com/i/status/1999530424234643716
shadcn (@shadcn):隆重推出 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——紧凑型,专为高密度界面设计。
这远不止主题切换。
您的配置不仅改变颜色,更会重写组件代码以匹配设置。字体、间距、结构乃至所用库,一切皆可适配您的偏好。
全新命令行工具将自动完成所有配置。
立即体验:访问 https://ui.shadcn.com/ 点击 +新建项目
特别鸣谢 @base_ui 团队打造的卓越组件库。他们的成果让我们得以在保持抽象层完整的前提下轻松构建所有内容。意义重大。