Floating Label
The label rises into the border on focus or once filled. States for error, success and disabled – the error shakes once.
Fields that explain themselves: real labels, visible focus, errors announced to screen readers. Type into them – they all work.
The label rises into the border on focus or once filled. States for error, success and disabled – the error shakes once.
Big type on a single line that draws itself in on focus – from the center or from the left.
Press ⌘K (or Ctrl K) anywhere to jump in. A clear button replaces the shortcut hint as soon as you type; Escape clears too.
Boxes that advance on their own. Backspace steps back, arrows move, and pasting a full code fills everything at once.
Show/hide toggle, a four-step meter and a live checklist. Every rule says "met" or "not met" to screen readers.
Use a long, unique password
Enter or comma adds, Backspace removes the last tag, every chip has its own labelled remove button.
Hold a button to repeat. Arrow keys, Page Up/Down, Home and End work on the value, which rolls in the direction it changed.
Grows with every line (CSS field-sizing, with a JS fallback). The ring fills up and turns amber, then red past the limit.