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 with clamp-based responsive sizing.

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