SuperAPI AI 工具集

frontend-aceternity

前端与建站

查看项目

更新于 10-15 16:51

技能介绍

用途:为落地页和营销网站提供戏剧化的动画视觉效果,适合需要「wow factor」的场景,例如带 spotlight/aurora 的 hero 区、3D hover 卡片、文字显现动画、beams/stars/meteors 等动画背景。

主要能力:基于 Framer Motion 与 Tailwind 构建,组件分为背景(spotlight、aurora-background、background-beams、wavy-background、meteors、sparkles)、卡片(3d-card、evervault-card、focus-cards、infinite-moving-cards、wobble-card)、文字(text-generate-effect、flip-words、typewriter-effect、hero-highlight)、导航(floating-navbar、floating-dock、navbar-menu)、特殊(lamp、tracing-beam、parallax-scroll、globe、timeline)、按钮(moving-border、hover-border-gradient)。

使用方式:流程为 IDENTIFY → INSTALL → CUSTOMIZE。先确定所需效果类型,再安装组件:npx aceternity-ui@latest add [component],随后自定义颜色与时间。依赖安装:npm install framer-motion clsx tailwind-merge。所有组件需加 'use client';重组件可用 dynamic import 且 ssr: false,或使用 mounted 状态修复 hydration。性能上可减少移动端粒子数量,并尊重 reduced motion 偏好。

适用与限制:适合 hero 背景、特性卡片、滚动评价、标题与分区过渡。基础 UI 组件建议用 shadcn/ui,SaaS 统计与跑马灯建议用 Magic UI,状态驱动动画建议用 Rive。完整组件 API 见 components.md,外部资源为 https://ui.aceternity.com/components。具体收费、价格与平台支持信息暂未提供。