Collection · components
Forms & inputs
Every way to ask a user for something, in one shelf.
Rule behind this list: The input-family components in kind order — pick the control that matches the answer, not the mood.
Featured member
Combo Box
A text input with a live-filtered option list, full keyboard navigation (arrows, enter, escape) and an honest no-match row. The filter control that belongs on every catalog page.
a11y 98 · Q 96 · 2.1 KB · the filter put it first
showing 12 of 12 members
Combo Box
A text input with a live-filtered option list, full keyboard navigation (arrows, enter, escape) and an honest no-match row. The filter control that belongs on every catalog page.
Elastic Toggle
A spring-physics switch with real overshoot (cubic-bezier(.34,1.56,.64,1)), three sizes, and a role=switch that never lies.
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.
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.
Comparison Slider
A draggable before/after divider with pointer capture and arrow-key support — the classic proof tool without a single screenshot, both panes built from gradients.
Checkbox Cards
Whole option cards that are selectable, with a checkmark that draws itself in — for bundles, add-ons and plan pickers where a plain checkbox row undersells the choice.
Toggle with Label Stack
An iOS-style switch that ships with a title plus a description row, because a preference without context is a trap. Every switch announces state and the whole row is the target.
Auto-grow Textarea
A textarea that expands with its content — no internal scrollbar, ever — with a live character budget that turns amber at 90% and blocks the send at zero. The field that respects long answers.
Time Zone Picker
Offsets and DST labels ship as recorded data, with the snapshot date printed and the offsets that were actually in force on it — a picker that needs no network and makes no promises about future rule changes.
Colour Picker
HEX in, the OKLCH reading, and live contrast against white and black from the audit page's own contrastRatio — a picker that tells you which text colour survives.
Tag Input
Type a word, press Enter, it becomes a chip; backspace removes the last one. Duplicate-safe, limit-aware and touch-friendly with suggested tags to speed things up.
Radio Pills
Keyboard-first segmented radios that announce the checked option: arrow keys move the selection, focus stays visible, and the checked pill carries the accent.
Bundle estimate
16.9 KB
upper bound — sum of members
Accessibility
96
lowest member score · 7 keyboard-first
Last updated
2026-09-12
newest member publish date
Members
12
of 15 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 →