SkillFeeder › 全部 Skill › 设计与视觉 › aceternity-ui
快速添加带3D倾斜、聚光灯、动态边框等动画效果的React组件
aceternity-ui
aceternity-ui 是 SkillFeeder 收录的Agent Skill，来自 GitHub 仓库 TerminalSkills/skills，★ 196。快速添加带3D倾斜、聚光灯、动态边框等动画效果的React组件。适合用shadcn+Tailwind做前端的React开发者。场景是设计与视觉 · Figma/UI。能做的事包括一键安装可编辑的动画UI源码到components/ui/、基于motion/react实现高性能交互动画、所有组件用Tailwind构建，开箱支持暗色模式。打开 GitHub 自行安装。
能做什么
- 一键安装可编辑的动画UI源码到components/ui/
- 基于motion/react实现高性能交互动画
- 所有组件用Tailwind构建，开箱支持暗色模式
原文简介
Aceternity UI is a collection of animated React components (3D cards, spotlight, background beams, moving borders, wavy backgrounds) built with Tailwind CSS and the motion library, installed into your project as source through the shadcn CLI. Use when someone asks for "animated hero section", "3D tilt card", "spotlight effect", "moving border button", "Aceternity component", or "glowing background
同场景推荐
- frontend-design所在仓库 anthropics/skills，仓库 ★ 190,432打造不落俗套的专属UI视觉方案，拒绝模板化默认样式。
- web-artifacts-builder所在仓库 anthropics/skills，仓库 ★ 190,432用 React + Tailwind + shadcn/ui 构建带状态和路由的 claude.ai 单文件 HTML 交互式前端产物
- frontend-ui-engineering所在仓库 addyosmani/agent-skills，仓库 ★ 114,402构建符合设计系统、无障碍、响应式的生产级前端界面
- apple-hig所在仓库 nexu-io/open-design，仓库 ★ 106,772生成符合苹果人机界面规范的跨平台设计文档与组件说明
- artifacts-builder所在仓库 nexu-io/open-design，仓库 ★ 106,772生成带交互组件的 Claude HTML 产物，含 React、Tailwind 和 shadcn/ui
- industrial-brutalist-ui所在仓库 nexu-io/open-design，仓库 ★ 106,772构建数据密集型仪表盘，呈现解密蓝图般的机械终端界面
- frontend-design所在仓库 bytedance/deer-flow，仓库 ★ 85,186生成高审美、可直接运行的前端界面，输出 index.html
- web-design-guidelines所在仓库 bytedance/deer-flow，仓库 ★ 85,186自动检查网页代码是否符合最新 Web 界面设计规范