Six modules around the fluid core

Addons

Fluid is the framework. These six addons are optional. Use the ones you need, ignore the rest.

OKLCH-based color system. Three hues, sixteen variants per color, automatic opacity and brightness modifiers.

Emmet-style syntax. Linear, radial, animated. from-brand to-accent d-r — that's the API.

Three paradigms: auto-fit for cards, classic 12-col for layouts, fraction notation for precise control.

Two axes, three keywords. flex y, flex x, center, space. Done.

Fluid typography with three intensity modifiers. Type that flows from mobile to desktop without media queries.

One number, four flavors. Padding, margin, gap, width, height — all on the same fluid scale.

Tools

Two interactive helpers to generate themes and explore variables.

Drop an image, get an OKLCH theme. Brand, accent, extra extracted automatically.

Configure your scale, see every generated variable and class. Live preview, no install.

The full reference

Every variable, every modifier, every formula across the six addons — with the tables, the defaults and the traps, chapter by chapter.