Forms & inputs

A six-slot verification code field with paste, autofill, and verifying, error and success states.

A number stepper whose digits roll like an odometer, with springy plus and minus buttons.

A rotary dial with glowing tick marks; drag up or down, or use the arrow keys.

A colour radio group whose selection ring springs between swatches, with a live name and hex preview.

A password field with show/hide, a segmented strength meter and a checklist that ticks as you type.

A one-question rating of rising bars that fill on hover, with a plain word for every step.

A tag input: Enter or comma adds a chip, Backspace arms then removes the last, with a count and suggestions.

A toggle whose knob squashes on press, springs across the track and wobbles to rest.

A popover calendar for single dates or ranges, with min/max, disabled days and full keyboard navigation.

A searchable select with single and multi-select modes, chips, create-new, limits and disabled options.

A dual-thumb range slider with a live histogram, number fields and full keyboard control.

A "Was this helpful?" row: pick yes or no, a short follow-up opens, then it settles into a thank-you.

Selectable option cards with a title, detail and price; the radio ring fills and the card border tightens.

Grouped checkboxes with a parent that goes indeterminate, a tick that draws itself and collapsible groups.

A phone field with a country picker and as-you-type formatting; the caret stays put while spaces are inserted.

A recurrence picker: frequency, interval, weekday toggles and an end rule, summarised in a plain sentence.

An iOS-style grouped settings list mixing switches, value rows with chevrons, inline selects and a destructive row.

A two-step sign-in: email first, then password slides in with show / hide, plus a magic-link option and inline errors.

Two lists side by side: pick items on one side and move them across; moved items slide between columns.

A number field with a unit switcher that converts the value when you change units (px ↔ rem ↔ %, kg ↔ lb).

A segmented time input: hour, minute and AM/PM segments you type into or step with arrows; focus jumps forward.

A date-of-birth input as three typed fields (day, month, year) that auto-advance, validate the real date and show age.

Editable invoice lines: add rows, edit quantity and rate inline, remove lines, and watch discount, tax and total update.

Compose a poll: a question, 2–6 options to add, reorder and remove, multiple choice and duration, live preview.