Theme

Every colour, radius and shadow in Pouf is a CSS custom property. Move a control and the components below re-theme live — they are the real components, unmodified, reading the same tokens they always read. Copy the result into your installed pouf.css.

Palette

Shape & depth

The lip is the inner floor shadow — the slab’s thickness. Drop it to 0 and the whole system flattens, which is the quickest way to see what the cushion is actually doing.
Dashboard

Good morning

ALLive
Revenue$48.2k
Orders1,204
Refunds12

Controls

Lowercase, no spaces.
Every row a cushion
row