Get the Latest Updates

Receive occasional drops of new designs, components, and random resources. No spam, just the good stuff.

Back to Home

Balanced Distribution

Typographic orphan prevention, applied to UI objects.

Snake
David
Meryl
Campbell
Naomi
Mei Ling
Liquid
Eli
Ocelot
Shalashaska

TL;DR — A chip layout that never leaves a single orphan on the last row.

Typography has a rule: no widows, no orphans. A paragraph shouldn't end with a single word stranded on its own line. This component applies the same logic to UI chips: the layout algorithm adjusts chip width so the last row always holds at least two items. Add or remove a chip and everything reflows, no stragglers.

Example

wrong ↴                       correct ↴

Typography has a rule:        Typography has a rule:
no widows, no orphans.        no widows, no orphans.
A paragraph shouldn't         A paragraph shouldn't 
end with a single word        end with a single 
word stranded on its own      word stranded on
line.                         its own line.
Back to Home