Make your websites look 10× awesome.
Every component ships with framer-motion animations, tailored easing curves, and gradient backdrops. Aceternity treats motion as a first-class design material — shiny, deliberate, and always on.
Motion is the message.
Gradients, 3D, aurora
Every component ships with framer-motion animations, tailored easing curves, and gradient backdrops. Aceternity treats motion as a first-class design material — shiny, deliberate, and always on.
import { TextGenerateEffect } from '@/components/ui'
Every component ships with framer-motion animations, tailored easing curves, and gradient backdrops. Aceternity treats motion as a first-class design material — shiny, deliberate, and always on.
Gradients, 3D, aurora
Every component ships with framer-motion animations, tailored easing curves, and gradient backdrops. Aceternity treats m…
Design SystemGradients, 3D, aurora
How does it integrate with my stack?
Is there a free tier?
| Member | Plan | Status |
|---|---|---|
| AQAvery Quinn | Pro | Active |
| JLJordan Lee | Team | Pending |
| SRSam Rivera | Free | Active |
Keyboard shortcuts
Press ⌘K to open the command menu, ? for help.
- Unlimited projects
- Priority support
- Custom domains
// Aceternity UI tokens export const theme = { primary: "#8b5cf6", radius: "7.6px", }
Aceternity turns a Next.js starter into a hero-reel landing page in about 20 minutes.
Similar systems
Generated from shared tags, visual DNA, category, color, type, and radius.
shared styles: Dark, Gradient, Bold · visual DNA: Dark, Muted, Cool
shared styles: Dark, Bold · same category: Design System
shared styles: Dark, Gradient, Bold · visual DNA: Dark, Cool, High contrast
shared styles: Dark, Gradient, Bold · visual DNA: Dark, Cool, High contrast
shared styles: Dark, Gradient, Bold · visual DNA: Dark, Cool, High contrast
shared styles: Dark, Gradient, Bold · visual DNA: Dark, Muted, Cool