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
Decision gist · record as of 2026-07-25
Aceternity UI provides 100+ animated React components for Next.js with Tailwind CSS and Framer Motion. 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.
Use it when
- Aceternity UI installs via shadcn CLI, giving you direct access to component source code.
- Aceternity UI offers animated React components including 3D cards, parallax scrolling, typewriter effects, background beams.
Verify before relying
Read SKILL.md below before installing (3 files). Open directory: indexed for reading, not audited.
Install
secondsky/claude-skills/aceternity-ui · repository language: TypeScript
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently 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)
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
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Find and install animated React components for Next.js projects”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
Motion Design Patterns teaches you how to build polished React animations with Motion, covering springs, staggered lists, layout animations, exit effects, hover interactions, scroll-triggered reveals, and page transitions. Each pattern includes tuned spring configs and anti-patterns to avoid janky motion.
Shadcn Setup configures shadcn/ui components with modern Tailwind v4 CSS-first setup, installing dependencies and generating the required globals.css, components.json, and utility files. It handles theme selection, component installation, and ensures proper v4 configuration without deprecated patterns.
This skill teaches how to build distinctive, memorable frontend experiences through intentional design and technical craft. It covers WebGL and shader techniques, animation frameworks from CSS to GSAP, and a philosophy centered on creating interfaces that feel alive—responsive, layered, and purposeful rather than generic.
Inspira UI provides over 120 copy-paste animated components designed for Vue 3 and Nuxt 4 projects. Built with TailwindCSS v4, motion-v, GSAP, and Three.js, it covers hero sections, 3D effects, text animations, interactive cursors, and particle systems—all production-tested and MIT-licensed.
HeroUI v3 is a React component library combining Tailwind CSS v4 and React Aria to deliver accessible, customizable UI elements. Build with compound components like Card.Header and Card.Content, semantic variants, and CSS variable theming in oklch color space—no provider needed.
Get a battle-tested foundation for React projects using Tailwind v4 and shadcn/ui, complete with dark mode, semantic color tokens, and Vite integration. This skill covers the four-step CSS architecture, theme switching, and solutions to common v4 migration issues—all designed to eliminate setup errors and cut configuration time dramatically.
More skills shadcn (MIT)