Collection · components
A11y 98+
The top of the accessibility band, ready for a strict brief.
Rule behind this list: Filtered at an accessibility audit score of 98 or higher — useful when the client brief says “WCAG, no exceptions”.
Featured member
Aurora Veil
Layered mesh of drifting colour fields behind a fine grain veil. Built on GPU-composited CSS gradients — a 60 fps full-page backdrop at 0 JS.
a11y 100 · Q 97 · 2.6 KB · the filter put it first
showing 8 of 8 members
Aurora Veil
Layered mesh of drifting colour fields behind a fine grain veil. Built on GPU-composited CSS gradients — a 60 fps full-page backdrop at 0 JS.
Morph Blob
A liquid shape that melts between silhouettes while a hue drifts underneath. Use it as a brand mark backdrop or a section divider that never sits still.
Text Cycle Hero Line
A headline that swaps its second line between rotating phrases with a smooth vertical roll and progress dots. The pattern that makes SaaS heroes feel alive without autoplay video.
Reorder List (announced)
Keyboard-first reordering with real buttons — up/down moves are announced, bounds disable, and drag is the optional extra, not the only path.
Lifecycle Badge Set
Draft, review, live, archived — using the catalog's own AssetStatus, each badge pairing colour with a letter so the state survives grayscale.
Sortable Table (aria-sort)
The full sorting pattern the catalog tables were missing — aria-sort on the headers, state announced, sort stored where a link can carry it.
Dialog with Return Focus
Closes back to the trigger that opened it — the a11y fixture for dialogs, verified by the site's own accessible-name fixtures.
Bundle estimate
10.6 KB
upper bound — sum of members
Accessibility
99
lowest member score · 2 keyboard-first
Last updated
2026-09-12
newest member publish date
Members
8
of 77 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 →