Stepper

A pill with minus and plus around an odometer. The digits are drums that roll on a spring and blur with speed.

Stepper is part of Pro.

Get Pro to try it live and copy its code, along with every other element in the library.

One-time codeOne real input, six drawn boxes. Each digit drops into its box.
PasswordA floating-label field whose border is an SVG ring with a gap that opens for the label. Under it a strength bar fills on a spring and warms from red to green, and each rule's dot fills and ticks the moment you satisfy it.
PollTap an option and its bar swells, the percentages roll digit by digit, and the rows re-sort live so the leader rises to the top. Tap again to take your vote back.
Search barA pill that grows slightly while focused. An idle placeholder cycles through the given phrases, the hotkey (⌘K or Ctrl+K) focuses it from anywhere, and a clear button replaces the hotkey hint once there is text.
DropzoneDrag a file over and the well darkens and the arrow lifts. A file that's too big shakes the well, flashes red and is refused.
Theme toggleSun becomes moon. The disc shrinks while a second disc slides in to bite a crescent out of it, and the rays fold away one after another.