Forms & inputs

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.

Paste or type emails into chips, pick a role, and send; invalid addresses are flagged and sent invites list below.

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

A switch that saves to a server: the knob shows a spinner while pending, and snaps back with a reason if the save fails.

A multiple-choice question: pick, check, and the right answer is marked with an explanation before Next.

An avatar stack you click to assign people; a searchable list toggles assignees and the stack reflows live.

A task status pill (Backlog → Todo → In progress → Done) with a ring icon that fills by stage and a quick menu.

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).

Set a monthly spend alert by dragging a marker along this month’s usage bar, with a forecast of when you’ll hit it.

A language switcher listing each language in its own script with its English name, searchable in either.

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.

A lock screen PIN pad: dots fill as you tap, a wrong code shakes and counts tries, three misses lock it for a while.

A Write/Preview markdown box with a format toolbar, keyboard shortcuts, list continuation and a live word count.

A Wi-Fi picker: signal bars, lock icons, a password prompt that expands in place, connecting state and forget network.

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