aceternity-ui
Aceternity UI is a production-ready component library offering 100+ animated, interactive React elements designed for Next.js applications. Built with Tailwind CSS and Framer Motion, it includes hero sections, parallax effects, 3D cards, and background animations—all installable via shadcn CLI with full source code access for customization.
Aceternity UI provides 100+ animated React components for Next.js with Tailwind CSS and Framer Motion.
AI-generated summary based on this skill's SKILL.md
Install
secondsky/claude-skills/aceternity-ui · repository language: TypeScript
git clone https://github.com/secondsky/claude-skills
cp -r claude-skills/plugins/aceternity-ui/skills/aceternity-ui ~/.claude/skills/aceternity-uinpx skillfed install secondsky/claude-skills/aceternity-uiFrequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What is Aceternity UI and how does it work with Next.js?
Aceternity UI is a production-ready component library offering 100+ animated, interactive React elements designed for Next.js applications. Built with Tailwind CSS and Framer Motion, Aceternity UI includes hero sections, parallax effects, 3D cards, and background animations—all installable via shadcn CLI with full source code access for customization.
How do I install Aceternity UI components in my project?
Aceternity UI installs via shadcn CLI, giving you direct access to component source code. This approach lets you customize animations, styling, and behavior to match your design needs. The MIT license allows free use in both personal and commercial projects.
What animated React components does Aceternity UI provide?
Aceternity UI offers animated React components including 3D cards, parallax scrolling, typewriter effects, background beams, sticky scroll reveals, moving border buttons, and text generation effects. These components work seamlessly with Next.js and Tailwind CSS for modern UI design.
Can I create hero sections and landing pages with Aceternity UI?
Yes, Aceternity UI is designed for creating hero sections and landing pages with visual effects. The library includes pre-built animated components that you can combine and customize to build modern, visually striking landing pages with parallax scrolling, background animations, and other engaging effects.
How do I resolve Aceternity UI setup or component integration issues?
Aceternity UI troubleshooting typically involves verifying shadcn CLI installation, checking Tailwind CSS and Framer Motion dependencies, and reviewing component examples. Since Aceternity UI provides full source code access, you can inspect and modify components directly to resolve integration problems.
Does Aceternity UI support dark mode and customization?
Aceternity UI supports dark mode and full customization. Because components are installed as source code via shadcn CLI rather than as a locked package, you can modify animations, colors, spacing, and behavior to match your design system and brand requirements.
SKILL.md
rendered from the published skill — quoted content, verbatim
Aceternity UI Skill
Overview
Aceternity UI is a premium, production-ready React component library designed for Next.js applications. It provides 100+ beautifully animated and interactive
(truncated - see the full file via the links below)
Read as markdown · JSON record · Browse the source repository
File tree — 3 files
plugins/aceternity-ui/skills/aceternity-ui/SKILL.md
plugins/aceternity-ui/skills/aceternity-ui/references/component-catalog.md
plugins/aceternity-ui/skills/aceternity-ui/references/quick-start.md