aceternity-ui

Initialize shadcn with npx shadcn@latest init, add the Aceternity registry to components.json, then run npx shadcn@latest add @aceternity/component-name. Components are copied into your components/ui directory for full customization.

Install the motion package with bun add motion, npm install motion, or pnpm add motion. Aceternity components depend on Framer Motion (now distributed as motion) for animations, and the error disappears once it is installed.

Yes, Aceternity UI supports Next.js 13+ with App Router, which is the recommended setup. Because components use Framer Motion, add the "use client" directive at the top of files that import them.

The most common cause is a missing "use client" directive, since Framer Motion requires client-side rendering. Also verify the motion package is installed and that Tailwind directives are present in globals.css.

Yes, components are copied directly into your project rather than installed as an npm package, so you can edit the source files freely. You can also override styles via the className prop using Tailwind classes.

Yes, all components support dark mode through Tailwind's dark: variant classes. Ensure tailwind.config.ts sets darkMode to "class" so the dark variants activate correctly.