Skip to content
Cult UI logo

Cult UI

基于 Tailwind CSS 与 Framer Motion 打造的高阶动效组件库,专为追求极致产品交互质感的开发者设计。

Cult UI 界面预览

项目概述

Cult UI 拥有近 6,000 GitHub Stars,是一套专为新一代现代 Web 产品打造的高质感动效组件库。完美结合了 Tailwind CSS、Framer Motion 与 shadcn/ui 的设计令牌,为界面赋予呼吸感与生命力。

核心特性

  • 富有表现力的动效原语:提供流光呼吸渐变按钮、Dock 栏悬浮放大、动态标签页与平滑手风琴。
  • ⚡️ 无缝兼容 shadcn 体系:采用完全一致的目录结构与设计变量,直接平滑融入现有项目。
  • 100% 源码自主掌控:通过现代化注册表一键将代码拉取到本地,无任何三方依赖黑盒。
  • 严谨 TypeScript 支持:组件全部使用 TypeScript 编写,Props 与类型提示完备。

快速上手与示例代码

npx shadcn@latest add https://cult-ui.com/r/gradient-button.json
import { GradientButton } from '@/components/ui/gradient-button';

export default function Action() {
  return <GradientButton>开启探索</GradientButton>;
}

技术选型建议与适用场景

  • 非常适合:现代 SaaS 产品主页、AI 交互式对话框及追求高端科技感的落地页。
  • 不适用场景:无需任何动效的简单纯文本工具页面。

讨论与评价

0 条讨论
分享你对该组件库的上手体验、优缺点或建议...

暂无讨论。欢迎分享你对该组件库的上手体验、优缺点或建议!

相关组件推荐

基于同类与技术栈推荐