Collection · components
Under 5 KB
The whole interaction budget of a page, spent in one file.
Rule behind this list: Filtered purely by shipped bundle size — no hand-picking, so the list changes as the catalog does.
Featured member
Labelled Divider
The '— or —' separator as a component, with role=separator and a label the reader hears rather than skips.
a11y 99 · Q 94 · 0.3 KB · the filter put it first
showing 8 of 8 members
Labelled Divider
The '— or —' separator as a component, with role=separator and a label the reader hears rather than skips.
Equal-Height Grid
The flex-column card grid that makes every CTA land on one baseline no matter how long the descriptions get — the drift-stopper.
Locale Number Format
One Intl.NumberFormat helper feeding four locales in compact notation — the wrapper every other data component calls instead of hand-formatting.
CSS Masonry
Columns with break-inside rules — masonry without a single line of layout JavaScript, and the order is still the DOM order.
Aspect-Ratio Frame
Every media slot declares its ratio up front — grids never shift because an image arrived taller than its siblings guessed.
Full-Bleed Section
Escapes the container with negative margins measured against the same gutter tokens — the bleed matches the layout, not a magic number.
Prose with Side Notes
A two-column measure where asides live beside the text on wide screens and collapse inline on narrow ones — no parenthetical mazes.
Read-More Expander
Clamps to three real lines via -webkit-line-clamp — measured by the layout engine, not a guessed px height — with aria-expanded on the toggle.
Bundle estimate
3.1 KB
upper bound — sum of members
Accessibility
97
lowest member score
Last updated
2026-09-12
newest member publish date
Members
8
of 280 matches
Collections are URLs, not saved state — copy the address bar and send it. The rule above explains membership, so nobody has to guess why an item is in or out.
All collections →