Inputs, switches, sliders, ratings, one-time codes, file drops and date pickers that work with native forms, labels and validation.
10 components
A text field whose label floats out of the way, with examples that take turns while it's empty, an error that shakes once, a tick for a valid value and sent text that drifts away.
Forms
Single dates and ranges in a keyboard-first calendar, with one-tap presets ("Last 7 days"), months that slide the way you go, min/max, unavailable days and ISO strings for forms.
Forms
Drop, paste or browse for files: the zone lights up as a file crosses the page and warns before a wrong type lands; files show thumbnails and upload with live, cancellable progress.
Forms
Pick several options from a searchable list: chips pop in and slide aside as others leave, matches are highlighted, and creatable turns it into a tag input. Limits, icons and forms.
Forms
A one-time-code field drawn as boxes, built on a single real input: the focus ring glides box to box, a wrong code shakes, a right one lights up in a wave. Paste, SMS autofill, PIN masking and screen readers just work.
Forms
Stars that light up in a wave as you hover; the one you choose pops and throws off sparks. Optional words per value, and a read-only mode with partly filled stars for scores like 4.6.
Forms
A row of choices with a thumb that springs to the selected one — drag it like iOS, and the selected text colour is clipped to the thumb as it glides. A real radio group that submits with forms.
Forms
A range slider on the native input: pull past either end and the track stretches like rubber, then springs back. Value bubble, labelled marks, end icons and formatted values for screen readers.
Forms
A form in steps with per-step validation: steps slide in from the side you're heading, ticks draw themselves, a failed check shakes the step, and finishing draws a large tick.
Forms
An on/off switch with a springy thumb you can also drag, like iOS. Loading state, optional check/cross icons, label, description and form support built in.
Forms
Choose the first day.