Aurora theming
Blue, magenta, cyan and purple tokens drive every gradient, glow and focus ring. Retheme the whole system by editing six variables.
Aurora engine v2 — now with light mode
Ship interfaces that feel like the night sky.
Nimbus is an aurora-first design system: frosted glass components, luminous gradients, and motion that knows when to stand still.
Features
Everything you need to glow
A design system tuned for depth and calm, from its tokens to its motion.
Glass components
Cards, navbars, buttons and inputs frosted with backdrop blur and hairline borders that adapt to light and dark automatically.
Motion with care
Slow 8–12 second ambient loops give pages atmospheric depth, and every one of them freezes the moment a user prefers reduced motion.
How it works
From zero to luminous in three steps
1
Install the tokens
Drop in one stylesheet and two Google Fonts. Every color, radius and shadow becomes a CSS variable you own.
2
Compose with glass
Stack flexbox-based cards, navbars, buttons and inputs on frosted surfaces that stay readable in both themes.
3
Ship both modes
Dark-first defaults, a single class to switch, and your users’ OS preference respected from the very first visit.
Testimonials
Teams ship brighter with Nimbus
Maya Chen
Design Lead, Lumen Labs
“We replaced three internal UI kits with Nimbus. Our dashboard finally feels like a product people want to screenshot.”
Priya Nair
Frontend Engineer, Orbit
“Dark mode used to be a two-week retrofit. With Nimbus it was the default, and light mode took an afternoon.”
Daniel Reyes
Founder, Skyward
“The aurora backgrounds alone sold our demo. Investors remembered the interface, not just the pitch.”
Pricing
Simple plans for luminous products
Start free, upgrade when your product outshines the tier.
Free
For solo makers
$0 / forever
- 12 aurora themes
- Core glass components
- Community support
Most popular
Pro
For shipping teams
$12 / month
- Everything in Free
- 60+ components & Figma kit
- Design token export
- Priority support
Enterprise
For platforms at scale
Custom
- SSO & audit logs
- White-label theming
- Dedicated success engineer
FAQ
Questions, answered
Is Nimbus a framework or a component library?
Both. Nimbus ships a token layer — colors, radii, shadows, motion — plus a set of framework-agnostic glass components, so it drops into React, Vue or plain HTML without a build step.
How does the dark mode toggle work?
Dark is the default because the aurora effects are built for it. The toggle flips a single class on the root element, remembers your choice in localStorage, and follows your OS preference on a first visit.
Can I use my own brand colors?
Yes. Every gradient, glow and focus ring reads from CSS variables, so swapping the aurora palette for your brand colors restyles the entire system — no component edits required.
Ready to light up your product?
Join 10,000+ makers shipping calmer, brighter interfaces with Nimbus.
Start building free