Animate UI

项目概述

Animate UI 是一套面向现代前端工程的开源动效组件注册表。它聚焦于精炼的微交互设计，涵盖动效图标（Animated Icons）、磁吸流光按钮、动态徽章与流体排版动效。

核心特性

• 生动的动效图标家族：内置悬浮响应与循环微动效的矢量图标资产，交互极具趣味。
• ⚡️ shadcn 注册表一键安装：支持通过现代化 CLI 将组件代码直接落地到本地项目中。
• Tailwind + Motion 深度协同：样式与动效代码纯净整洁，天然支持暗黑模式。
• 100% 类型安全：严格由 TypeScript 编写，Props 参数提示完备。

快速上手与示例代码

npx shadcn@latest add https://animate-ui.com/r/magnetic-button.json

import { MagneticButton } from '@/components/ui/magnetic-button';

export default function ActionDemo() {
  return <MagneticButton>体验磁吸动效</MagneticButton>;
}

技术选型建议与适用场景

• 非常适合：现代 SaaS 产品细节打磨、交互式 CTA 按钮优化及追求灵动细节的落地页。
• 不适用场景：对包体积有极致苛求且严禁引入动画逻辑的轻量只读页面。