Forms & inputs

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

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 five-star input with half-star precision on hover, a word for each score and a spring when you set it.

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

A search input with a / shortcut, recent searches on focus, live match count and a clear button that pops in.

A list of uploading files, each with its own progress bar, cancel, retry on failure and a tick when done.

Multi-select filter chips where a tick slides in on select, with a live count and a Clear that appears when needed.

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

Text that turns into an input on click; Enter saves with a brief tick, Escape restores the old value.

A booking time-slot grid grouped by morning and afternoon, with taken slots struck out and a confirm bar.

A textarea with a small ring that fills toward the limit, switching to a countdown near the end and flagging overflow.

A one-week date strip: swipe or arrow to the next week, tap a day, dots mark days with events.

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

A round avatar you click or drop an image on, then zoom and drag to frame it before saving.

A slider that snaps to labelled stops with tick marks; the thumb springs into each notch and the value label follows.

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

A notification preferences grid: events down the side, channels across the top, with whole-column toggles.

A dropdown with a filter field and checkboxes; picks collapse into chips with a +N overflow counter.

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

A “Didn’t get a code?” control with a countdown ring, a Resend that unlocks at zero and growing back-off.

Set your status from presets or custom text, choose when it clears, and see it on your avatar badge right away.

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

Product size chips with sold-out sizes struck through, a low-stock note and a Notify me option for sold-out picks.