Aceternity Ui

Gives Claude access to 100+ animated React components from Aceternity UI, all installable via the shadcn CLI for Next.js projects. You get backgrounds with beams and gradients, 3D card effects, parallax scrolls, and interactive hero sections built with Tailwind and Framer Motion. The components aren't npm packages, they copy directly into your codebase so you can customize them. Honestly most useful when you need polished animation without writing Framer Motion from scratch, though the shadcn registry setup can be finicky. The skill includes manual installation fallbacks and flags the supply chain risks of running remote CLIs. Best for landing pages, marketing sites, and anywhere you want that premium animated feel without a heavy library dependency.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.: 6
skills.sh installs: 1.6K
GitHub stars: 248
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add secondsky/claude-skills --skill aceternity-ui --agent claude-code

Installs into .claude/skills of the current project.

Files

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 components built with Tailwind CSS and Framer Motion. Components are installed via the shadcn CLI and can be customized directly in your codebase.

Key Features:

100+ animated, production-ready components
Built for Next.js 13+ with App Router support
Full TypeScript support
Tailwind CSS v4+ styling (CSS-first config; v3 also works with JS config)
Framer Motion animations
Dark mode support
Copy-paste friendly (not an npm package)
Full source code access for customization

Prerequisites:

Next.js 13+ (App Router recommended)
React 16.8+
Tailwind CSS v4+ (CSS-first @import "tailwindcss" and @theme; v3 also supported)
TypeScript (recommended)
Node.js 20+ with bun, npm, or pnpm

Installation

Initial Setup

For New Projects:

# Create Next.js project (bun preferred)
bunx create-next-app@latest my-app
# or: npx create-next-app@latest my-app
# or: pnpm create next-app@latest my-app

cd my-app

SKILL.md on GitHub