Emboss by default
One light source, one shadow ramp. Every surface — light or dark — derives from the same tokens, so depth stays consistent everywhere.
Nimbus is the soft-UI toolkit that ships tactile interfaces as plain CSS variables — calibrated shadows, audited contrast, and both themes included. Try the controls.
Tap the dial to rotate
Soft switch
Why Nimbus
One light source, one shadow ramp. Every surface — light or dark — derives from the same tokens, so depth stays consistent everywhere.
Buttons, inputs, and chips confirm every tap with a physical deboss at 150ms. Feedback you can feel, on every interaction.
Pastel surfaces pair with pre-audited text tokens that clear WCAG AA in both themes. You never guess at readability.
How it works
Pick a pastel monochrome and Nimbus derives tints, shades, and the full shadow ramp automatically.
Shadow, radius, and spacing scales bind to CSS variables — no magic numbers anywhere in your markup.
Dark mode inverts the shadows and re-pairs the text. Flip one class, persist the choice, done.
Pricing
$0/month
For solo makers exploring soft UI.
$12/month
For teams shipping production interfaces.
$29/month
For orgs with a design system to run.
Testimonials
Our design reviews went from “make it pop” to “ship it” the week we switched. The pressed states alone sold our engineers.
Dark mode used to be a two-week project for us. With Nimbus it was one toggle and an afternoon of tweaks.
FAQ
Yes. Dark themes swap in a deeper outer shadow with a faint light inner highlight, so embossed surfaces never flatten after sunset.
Every surface pairs with a pre-audited text token that clears WCAG AA in both light and dark themes — contrast is never left to guesswork.
Tokens are plain CSS variables, so they drop into Tailwind configs, CSS-in-JS setups, or plain stylesheets without any build step.
Join the beta and get the full token set, both themes, and the shadow ramp on day one.