ui.aceternity.com/
AU
Aceternity UI
用 Tailwind CSS + Framer Motion 打造的高颜值动效 React/Next.js 组件库:111+ 可复制组件、167 个区块、17 套模板,源码归你所有,另有面向团队的 Pro 高级包。
立即开始了解更多
什么是 Aceternity UI?
Aceternity UI 由 Manu Arora 创建,是一套设计感强烈、带动画的 React/Next.js 组件,基于 Tailwind CSS 与 Framer Motion(Motion),并兼容 shadcn 生态。它不发布臃肿的 npm 依赖,而是采用“复制源码”模式:把 TypeScript 源码(或用 npx aceternity-ui add)直接放进项目,代码完全归你所有、可自由定制。整库包含 111+ 组件、167 个现成区块(首屏、功能、定价、评价等)、17 套模板与 23 个 Pro 组件,招牌效果包括 3D 动画图钉、聚光灯卡片、流星、无限移动卡片与动态背景。组件带 TypeScript 类型、兼容 Tailwind v4,可顺畅用于 v0、Cursor、Bolt、Lovable、Claude Code 等 AI 编程流程。核心组件免费,All-Access Pass 解锁高级区块与模板。
4.8
评分
免费增值
定价模式
1+
平台
0
收藏
优点
- 开箱即有高级质感与动效
- 无运行时依赖、源码归你
- Tailwind+Framer Motion 易定制
- 免费组件数量可观
- 非常契合 AI/Vibe 编程
- 带 TypeScript 类型
缺点
- 免费组件需手动复制与接线
- 依赖 Tailwind CSS 与 Framer Motion
- 高级区块/模板需付费
- 仅支持 React/Next.js,不跨框架
同类工具对比
| 功能 | Aceternity UI | PersonaIQ | Life OS AI | fork ai |
|---|---|---|---|---|
| 评分 | 4.8 | 4.2 | 4.8 | 4.5 |
| 定价模式 | 免费增值 | 免费增值 | 免费增值 | 免费增值 |
| 起价 | — | Free / Paid | Free / Paid | Free / Paid |
| API | — | — | — | — |
| 免费版 | — | — | — | — |
| 移动端 | — | — | — | — |
适用人群
S
SaaS 创业落地页
几小时内做出精致带动画的营销官网。
独
独立开发者/Vibe 编程
把高级版块贴进 AI 生成的应用,迅速提升可信度。
前
前端开发者
复用带类型的动效组件,不必从零写特效。
作
作品集与代理商
打造视觉冲击力强的个人与客户网站。
A
AI 生成产品
为 v0/Cursor/Lovable 生成的应用补齐统一的高级 UI。
开发者
Manu Arora
支持平台
网页版 暂不支持
Windows 暂不支持
Mac 暂不支持
iPhone/iPad 暂不支持
安卓 暂不支持
华为 暂不支持
Linux 暂不支持
支持语言
English, 中文
更新于
2026-09-06
常见问题
核心 111+ 组件免费;高级区块、模板与 Pro 组件需购买 All-Access Pass。