CSS ForgeDesign tokens for modern CSS

0 runtime design tokens generator for modern style systems.

Colors

Create palettes, gradients and themes. Automatically convert to OKLCH.

Explore colors

Generate fluid typography scales as self-contained clamp() steps and as pow() tokens you can tune at runtime.

Explore typography

Organize spacing utilities with fluid and custom scales.

Explore spacing

Define custom design tokens for any CSS property.

Explore primitives

All processing happens at build time. Ship raw CSS, TypeScript, or JSON.

See how it runs

Use with any CSS workflow — Tailwind, vanilla CSS, or your own system.

Browse examples