Skills
.Work. You
Rest

frontend-aceternity

Official

Dramatic animated effects for stunning landing pages.

Design & Creative#automation#components#animations#ui-effects#visual-design#landing-pages#framer-motion
Authorpetbrains
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill eliminates the complexity of creating "wow-factor" visual effects by providing copy-paste animated components (spotlights, 3D cards, text reveals) built on Framer Motion + Tailwind that work out of the box.

Core Features & Use Cases

  • Animated Component Library: Ready-to-use effects including spotlight backgrounds, 3D hover cards, text generation animations, and floating navigation.
  • Performance-Optimized: SSR hydration patterns, reduced motion respect, and mobile performance considerations built in.
  • Use Case: Imagine building a product launch page. This Skill provides spotlight hero sections, 3D feature cards, and animated text reveals with complete code examples—transforming a basic page into an engaging experience in minutes.

Quick Start

Use the frontend-aceternity skill to create a hero section with a spotlight background effect and 3D animated cards for feature highlights on a landing page.

Dependency Matrix

Required Modules

None required

Components

references

đź’» Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: frontend-aceternity
Download link: https://github.com/petbrains/mvp-builder/archive/main.zip#frontend-aceternity

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.