UI Kit

Buttons & Controls

Ink outlines, flat character palettes, a darker belly band, and a plush highlight. Classes live in chibi-controls.css.

Palette

  • Coat teal
  • Coral
  • Beard berry
  • Plum
  • Moss
  • Bear fur
  • Sky
  • Cream
  • Ink

Buttons

Rest
Hover
Pressed
Keyboard focus
Disabled

Icon buttons

Chips & segmented

Switches, checkboxes, radios

Sliders, stepper, progress

3
Gnomes in the party
40% brewed

Text fields

Tabs

Pointy hat, plum band, and a beard that leans a little to the left.

Badges, bubbles, toasts

New Lv 12
Ooh, a shiny button! Press it?

Character saved to the lineup.

The potion is still bubbling.