Skip to content

Collection · components

Dark mode first

Components that read best on near-black canvases.

127 match this filter · showing 10

Rule behind this list: Filtered to light element entries under 4 KB, ordered by copy count — the shelf the theme studio starts from.

seasonal shelf: long nights (2026-11-012027-02-28) — out of season

Featured member

Pulse Loader

Three-note loader with staggered radial pulse and optional progress text. Reduced-motion safe and tiny — 0.8 KB gzipped.

a11y 99 · Q 93 · 0.8 KB · the filter put it first

showing 10 of 10 members

element0.8 KB

Pulse Loader

Three-note loader with staggered radial pulse and optional progress text. Reduced-motion safe and tiny — 0.8 KB gzipped.

a11y 99·Q 93·5,220 copies
element1.2 KB

Prism Switch

A theme-aware toggle that sweeps a six-stop prism gradient across the track on every flip. Pure CSS states, keyboard reachable, announces state to screen readers.

a11y 98·Q 96·4,820 copies
element2.1 KB

Halo Button

Primary button with a mouse-tracking halo, press ripple and a springy scale. Ships as React + Tailwind or dependency-free HTML/CSS.

a11y 96·Q 94·3,910 copies
element0.9 KB

Conic Loader

A conic-gradient ring with a breath marker — no images, no JS tick. Use it wherever a spinner should feel like a product decision, not a default.

a11y 98·Q 95·1,430 copies
element3 KB

Avatar Crowd Stack

Overlapping avatars that part like a crowd when you hover a face — then settle back. The social-proof classic, minus the static feel.

a11y 95·Q 96·1,320 copies
element1.6 KB

Segmented Control

A pricing/period segmented control with a sliding thumb and per-option press feedback. The little toggle that makes billing pages feel engineered.

a11y 98·Q 96·980 copies
element2 KB

Tab Morph Pill

Four tabs under a pill header where the active thumb slides on a spring curve — each label can mount a completely different panel without breaking the rhythm.

a11y 97·Q 95·830 copies
element1.6 KB

Quantity Stepper

A −/+ stepper with long-press repeat for carts and ticket seats. Pointer and keyboard both work, bounds disable themselves, and the subtotal updates live so the math is never hidden.

a11y 97·Q 95·810 copies
element1.9 KB

Skeleton Profile Feed

A profile-card skeleton with a directional shimmer sweep and staggered line widths — the loading state people actually see, designed instead of defaulted.

a11y 99·Q 94·750 copies
element1.3 KB

Star Rating Input

Five-star interactive rating with half-star precision, hover preview, clear-reset and arrow-key nudging. A slider in disguise that everyone already knows how to use.

a11y 97·Q 95·720 copies

Bundle estimate

16.4 KB

upper bound — sum of members

Accessibility

95

lowest member score · 2 keyboard-first

Last updated

2026-09-09

newest member publish date

Members

10

of 127 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 →