Cult UI

1周前发布 20 00

Cult UI 不是独立UI框架,而是 shadcn/ui 的动画组件扩展包,以注册表的形式集成,非常适合已经在用 shadcn + Tailwind 的前端项目快速补充交互动画组件,MIT协议允许商用,按需引入不会打包冗余代码。

所在地:
nolly-studio
收录时间:
2026-10-19
其他站点:

Cult UI 是一套面向设计工程师的开源动画组件库,基于 Tailwind CSS v4 + Motion 构建,完全兼容 shadcn/ui,MIT 许可证开源免费,组件总数超150个,本次新增58个动画组件。组件采用 shadcn 注册表机制,通过 CLI 直接把组件源码复制进你的项目,代码完全由开发者自己持有。

Cult UI

核心特性

  1. 原生适配 shadcn/ui:所有组件都是 shadcn 注册表项,两种安装方式,支持单组件按需引入,也可以一次性注册命名空间后通过名称安装。
  2. 动画能力丰富:绝大多数组件借助 Motion 实现交互动画,自带过渡效果,不用从零编写动画逻辑。
  3. 技术栈统一:基于 Tailwind CSS v4,复用 shadcn 的主题令牌,和现有 shadcn 项目风格体系保持一致,方便统一换主题。
  4. 源码本地持有:使用 shadcn cli add 命令会直接拷贝组件源码到项目 components 目录,无运行时依赖捆绑,可自由修改。
  5. 文档清晰:每个组件的文档页面都会标注所需依赖,方便排查。

安装方式

方式1:直接指定组件注册表链接安装

npx shadcn@latest add https://www.cult-ui.com/r/shift-card.json

方式2:在 components.json 注册命名空间,后续简化调用

{
  "registries": {
    "@cult-ui": "https://www.cult-ui.com/r/{name}.json"
  }
}

之后安装只需要:

npx shadcn@latest add @cult-ui/shift-card

相关导航