Components
Everything on this site, installable
The site is built from these, so what you install is what you are looking at. Every preview below is the real component running, not a picture of one.
Add the registry once
export CTA_REGISTRY=https://adamjurek.com/r/registry.jsonCheckbox
Forms
No dependencies
A native checkbox with its words attached, painted by accent-color rather than redrawn.
Preview: A checked box in the accent
Field
Forms
No dependencies
A labelled control with one line under it - the error is announced by being pointed at, not by being red.
Preview: Label, control, hint - and the error state
Input
Forms
No dependencies
A text input, and only the drawing of one - state and labels belong to the form and to Field.
Preview: A text field wearing the site's focus ring
Native Select
Forms
No dependencies
The platform's own select in the site's clothes - the phone wheel and the OS menu, kept.
Preview: A select with the chevron put back
Progress
Loading
No dependencies
The native progress element, restyled - omit value and the indeterminate state is real.
Preview: A bar part- filled in the accent
Radio Group
Forms
No dependencies
Radios in a fieldset - the one grouping screen readers announce without help.
Preview: Three options, one chosen
Slider
Forms
No dependencies
A native range input with its label - keyboard steps and form value ship in the element.
Preview: A range track in the accent
Switch
Forms
No dependencies
A checkbox that admits it: a real input with role=switch, and a track :checked drives.
Preview: A thumb sliding along its track
Textarea
Forms
No dependencies
A textarea in the same clothes as Input, growing with its content where the browser allows.
Preview: A paragraph-sized field