frontend-aceternity

Spotlight effects for hero sections are ready-to-use components in this Skill. Install via npx aceternity-ui add [component], then customize the spotlight intensity and colors in your Tailwind-based layout to create a dramatic, focused illumination effect on your landing page.

Yes. This Skill provides 3D card components that use Framer Motion for smooth hover interactions and Tailwind for styling. Install the card component, then adjust rotation, scale, and shadow properties to match your design system.

Text reveal animations are built-in components combining Framer Motion's animation sequencing with Tailwind styling. Use the Text component category, configure animation timing and easing, and apply to headlines or body copy to create progressive disclosure effects.

The Skill requires Framer Motion, clsx, and Tailwind Merge as dependencies. The npx aceternity-ui add command scaffolds components, but you must run npm install to fetch these packages into your project.

Yes. Components integrate with Tailwind Merge to avoid class conflicts and work within your existing Tailwind setup. No configuration override is needed; effects apply directly to your current styling system.

The Backgrounds component category provides aurora and gradient animation effects. Customize colors, animation speed, and opacity through Tailwind classes and Framer Motion props to match your brand and landing page aesthetic.