Build interfaces that feel alive
Everything you need
Copy-paste components, live docs, WebGL heroes, and a full AI discovery layer.
85+ components
Actions, forms, cards, overlays, typography, hero backgrounds, and WebGL — all with live previews.
AI-ready
Registry JSON, CLI, MCP server, and agent docs — so assistants can look up props instead of guessing.
Copy-paste DX
Like shadcn/ui — own the source, customize freely, no opaque npm UI package.
Cards
Spotlight tracking, 3D tilt, and animated borders.
Spotlight Card
A radial spotlight follows your cursor across the surface.
3D Tilt Card
Springy perspective tilt with floating depth content.
Border Beam
A glowing comet traces the card's border forever.
Glow Card
Move your cursor across this card to reveal the gradient glow border.
Text effects
Typewriters, gradients, shimmer and scroll reveals.
Typewriter
Gradient + Shiny
Scroll reveal
Bento layout
Composable feature grids with depth on hover.
Blazing fast
Zero-config, tree-shakeable components that don't slow you down.
Type-safe
Fully typed props with sensible defaults.
Loved by devs
Crafted for delight at every interaction.
Themeable
Restyle everything through CSS variables and Tailwind.
Interactive
Tabs, accordions, modals, switches and inputs.
Meticulously crafted components with attention to spacing, motion and contrast for a premium feel out of the box.
Email notifications
Get notified about updates.
Social proof patterns
Marquee testimonials and a card stack — drop in your own quotes when you ship.
“The animations feel buttery and effortless.”
“Shipped a landing page in an afternoon.”
“Best motion library I've dropped into Next.”
“The bento grid alone is worth it.”
“Clean code, gorgeous defaults.”
“The animations feel buttery and effortless.”
“Shipped a landing page in an afternoon.”
“Best motion library I've dropped into Next.”
“The bento grid alone is worth it.”
“Clean code, gorgeous defaults.”
“The animations feel buttery and effortless.”
“Shipped a landing page in an afternoon.”
“Best motion library I've dropped into Next.”
“The bento grid alone is worth it.”
“Clean code, gorgeous defaults.”
“The animations feel buttery and effortless.”
“Shipped a landing page in an afternoon.”
“Best motion library I've dropped into Next.”
“The bento grid alone is worth it.”
“Clean code, gorgeous defaults.”
“The animations feel buttery and effortless.”
“Shipped a landing page in an afternoon.”
“Best motion library I've dropped into Next.”
“The bento grid alone is worth it.”
“Clean code, gorgeous defaults.”
“The animations feel buttery and effortless.”
“Shipped a landing page in an afternoon.”
“Best motion library I've dropped into Next.”
“The bento grid alone is worth it.”
“Clean code, gorgeous defaults.”
“The animations feel buttery and effortless.”
“Shipped a landing page in an afternoon.”
“Best motion library I've dropped into Next.”
“The bento grid alone is worth it.”
“Clean code, gorgeous defaults.”
“The animations feel buttery and effortless.”
“Shipped a landing page in an afternoon.”
“Best motion library I've dropped into Next.”
“The bento grid alone is worth it.”
“Clean code, gorgeous defaults.”
Aurora
Background
Beam
Border
Bento
Layout
Loading states
Shimmering skeletons keep things smooth.
Ship something beautiful
Copy components into your Next.js app, browse 85+ live demos, and star the repo if Aurora UI helps your project.