Theme Builder

Drag the pickers — every component rethemes live. Then copy the CSS and paste it anywhere. No build step.

Brand colors

Semantic

Shape & glass

Start from a skin

Your brand, live

Buttons, glows, gradients, glass and backdrops all follow the pickers.

Featured

Glow card

The neon glow is derived from your primary.

soft accent success danger
Design API
Alerts, chips and progress bars tint from the same tokens.
Assistant bubbles use the glass surface.
And user bubbles use the primary gradient.

Your theme

:root { }