Widgets

Icon bar

A row (or column) of icons whose active pill moves in two phases: the leading edge jumps and the pill dilates to span both slots, then the trailing edge catches up and contracts onto the target with a slight overshoot. Dilate, Bounce, Speed, Corner, Hug and the axis are live.

What it is

A row (or column) of icons whose active pill moves in two phases: the leading edge jumps and the pill stretches to span both slots, then the trailing edge catches up with a slight overshoot. The tab bar and segmented control of mobile apps and toolbars — the stretch is what makes the switch feel tracked rather than teleported. Rebuilt from bencho.dev.

Full library — live sample, numbers, prompt and source — is for clients. I have the password

Seen in

Lorenzo Cabra · Bencho (icon-bar) · block logic MIT