Six modules around the fluid core
Addons
Fluid is the framework. These six addons are optional. Use the ones you need, ignore the rest.
Colors
OKLCH-based color system. Three hues, sixteen variants per color, automatic opacity and brightness modifiers.
Gradients
Emmet-style syntax. Linear, radial, animated. from-brand to-accent d-r — that's the API.
Grids
Three paradigms: auto-fit for cards, classic 12-col for layouts, fraction notation for precise control.
Golden grid
Four unequal tracks from the golden ratio. An element declares a role — rail, main, spill — never a width.
Flex
Two axes, three keywords. flex y, flex x, center, space. Done.
Fonts
Fluid typography with three intensity modifiers. Type that flows from mobile to desktop without media queries.
Sizes
One number, four flavors. Padding, margin, gap, width, height — all on the same fluid scale.
Fluid Backdrop
A WebGPU fluid that takes its ink from the theme. Seven post-processing filters, every solver constant on a slider, and a configuration you can export.
Tools
Two interactive helpers to generate themes and explore variables.
Every addon, documented.
Every variable, every modifier, every formula across the six addons — with the tables, the defaults and the traps, chapter by chapter.
Open the documentation →