Cult UI
Shadcn UI Components, Blocks & Templates
Shadcn UI Components, Blocks & Templates
Cult UI 是一个面向设计工程师的开源组件库,在 shadcn/ui 生态内提供 78 个动效纹理组件与 92 个 AI Agent 模式,将高级视觉拆解为可维护的原子组件,并通过 registry 模式实现 CLI 分发。
| 收费 | 免费版含全部视觉组件和部分Agent demo;完整全栈Agent模板和高级模式需付费Cult Pro |
|---|---|
| 平台 | Web(Next.js) |
| 中文 | 无中文界面 |
| 用途 | 面向设计工程师的UI组件库,提供可复制粘贴的组件和AI Agent UI模式 |
项目由 nolly-studio 组织维护,GitHub 4.3k+ Stars,MIT 许可证。视觉组件侧重动效纹理,典型如旋转 conic-gradient 渐变按钮,通过 inset-[-200%] 超大尺寸元素、hover 时 inset-[-3px] 外扩动画、mix-blend-soft-light 噪点叠加及内外阴影实现。AI 部分包含 92 个 Agent 模式与 4 个全栈 Agent 模板,模式涵盖竞品研究 Agent(输入竞品 URL 获取竞争情报)、数据分析 Agent(上传 CSV/JSON 获得交互式分析)、可访问性审计 Agent(审计 WCAG 2.1 合规性)、品牌设计 Agent(从网站提取设计系统)、表格编辑器 Artifact(AI 对话编辑表格数据)、图表生成 Artifact(对话式生成交互式图表)等。
基于 Tailwind CSS v4、Next.js 15.5、React 19.2、motion(Framer Motion 新包名)。采用 pnpm + turbo monorepo 结构,CI 含 code-check、test、prerelease、release、issue-stale 五个流程,用 changeset 管理版本。组件通过 scripts/build-registry.ts 自动生成 __index__.tsx,利用 React.lazy 按需加载,配合 @/registry/default/ui/xxx.tsx 路径别名动态 import。完全兼容 shadcn/ui,可通过 pnpm dlx shadcn@latest add component-name 安装。
项目实际为单人维护,最近一次提交为2026年5月21日,存在一个多月空窗期,bus factor 为1。可访问性未作为优先级,部分动画组件缺少 prefers-reduced-motion 处理,按钮焦点态不完整。Cult Pro 付费版提供完整全栈 Agent 模板和高级模式,免费版仅含视觉组件和部分 Agent demo。
Q1:Cult UI 的组件如何安装?是否必须通过 npm?
A1:支持两种方式:直接复制粘贴组件代码到项目,或通过 shadcn CLI 安装:pnpm dlx shadcn@latest add component-name。组件代码拉取后归用户仓库所有,不依赖上游包管理。
Q2:Cult UI 的 AI Agent 模式可以直接用于生产吗?
A2:92 个 Agent 模式提供可运行的 Next.js 代码示例,涵盖工具调用、artifact 流式渲染、多 Agent 编排等。但免费版仅包含部分 demo,完整全栈模板(含认证、支付、数据库集成)需购买 Cult Pro。生产使用前建议根据自身需求调整。
Q3:Cult UI 与 shadcn/ui 是什么关系?
A3:Cult UI 完全兼容 shadcn/ui,采用相同的 registry 分发模式和 Tailwind CSS 样式体系。它扩展了 shadcn 生态,增加了动效纹理组件和 AI Agent UI 模式,但核心组件仍可像 shadcn 组件一样通过 CLI 添加。
更多同类工具与网站,可在落地页组件分类继续挑选。
信息核实于 2026年7月,具体以官网为准。
评论
暂无评论