Box KO Lab / 15

Moody Controls

kamilolczyk.com ↗

A UI kit with feelings. Hover, click, type or tab around: every component has a mood. Be gentle, they’re made of clay.

01 · Switch

Shy toggle — please don’t stare.

02 · Button

Excited button — has never been clicked before. Ever.

03 · Slider
60

Sleepy slider — five more minutes.

04 · Text field

Lonely text field — nobody ever fills it in.

05 · Checkbox

Ticklish checkbox — hover at your own risk.

06 · Dropdown
Favourite weekday

Grumpy dropdown — opens, but not happily.

07 · Radio group
Theme

Nervous radio group — second-guesses everything.

08 · Progress bar
Attention loaded

Jealous progress bar — notices every click you give the others.

09 · Destructive action

Dramatic delete — nothing ever actually gets deleted.