AniUI

npm install framer-motion clsx tailwind-merge lucide-react

import React from 'react';
import { motion } from 'framer-motion';

// 典型组件示例：动态流光渐变按钮 (Shimmer Button)
export function ShimmerButton({ children }: { children: React.ReactNode }) {
  return (
    <motion.button
      whileHover={{ scale: 1.04 }}
      whileTap={{ scale: 0.96 }}
      className="relative inline-flex items-center justify-center rounded-xl bg-gradient-to-r from-indigo-500 to-purple-600 px-6 py-3 font-medium text-white shadow-lg shadow-indigo-500/25 transition-all hover:shadow-indigo-500/40"
    >
      {children}
    </motion.button>
  );
}