Animated Input
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
Inputs, switches, sliders, ratings, one-time codes, file drops and date pickers that work with native forms, labels and validation.
6 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
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
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
Check your email
We sent a code to ana@northwind.dev. Try 424242.
Didn't get it?
How was your order?
Northwind Studio · delivered Tuesday