如果你最近在做 Next.js 项目,并且希望在「交付速度」和「界面质量」之间取得平衡,我很推荐你看一眼这个仓库:
它的核心思路不是再造一套全新设计系统,而是建立在 shadcn/ui 的工程基础上,补齐更多「可直接上线」的组件和页面区块,让你少写很多重复 UI 代码。

图源:
creativetimofficial/ui仓库 README
截至 2026-02-17,该仓库在 GitHub 上约为:
仓库对自己的定位也很明确:提供开源组件、Blocks 和 AI Agents,并通过 Registry 与 MCP 方式接入常见开发工作流。
如果你的项目本来就用了 shadcn/ui,Creative Tim UI 的接入成本非常低,基本可以把它当作「扩展包」来使用,而不是一次重构。
这点很重要,因为很多“漂亮 UI 库”看起来惊艳,但落地时会要求你改掉整套基础设施,代价太高。
它不只提供 button、input 这种基础件,也有成体系的页面区块,覆盖了常见业务场景,比如:
这意味着你可以更快从“零散组件”走到“可交付页面”。
官方推荐用 CLI 拉取组件:
npx ai22z@latest add all或按需安装单个组件:
npx ai22z@latest add card你也可以走 shadcn 的远程 registry 方式:
npx shadcn@latest add https://creative-tim.com/ui/r/all.json对于讲究迭代速度的小团队,这种工作流非常实用。
仓库使用 MIT 许可证,商业项目可用性高。对需要尽快推进 MVP 或企业内工具的团队来说,这一点会减少很多法务与采购沟通成本。
从仓库说明看,最低前置要求包括:
shadcn/ui如果你当前项目并非这套技术栈(例如 Vue 或纯 CSS-in-JS 体系),那它的优势会打折,迁移成本需要提前评估。
我认为它特别适合以下场景:
如果你要的是“完全独立于 React 生态、跨框架一致复用”的方案,那它不是最优解。
Creative Tim UI 不是“万能 UI 库”,但它在自己的定位上做得很到位:
对大多数追求交付效率的 Next.js 团队来说,它能明显减少你在界面层面的重复劳动,把精力更集中到业务逻辑和产品体验上。
如果你正在寻找一个“今天接入、这周见效”的前端生产力工具,这个仓库值得加入你的候选清单。