Number Stepper
A quantity control that is not input[type=number] — so no unstyleable spinner, no accepted "e", and no clamping mid-keystroke that rewrites your 2 to a 10 before you can type the 5.
Rotating loaders built from borders, conic gradients and dots.
Nearly every spinner here is one element: a transparent border with one coloured side, or a conic gradient masked into a ring, rotated forever. That matters more than it sounds — a spinner is what renders while the rest of the page is still arriving, so it cannot depend on anything that has not arrived yet.
The timeless rotating-border spinner, refined with a subtle base ring for depth.
A saturated conic wheel of seven colors that rotates continuously — striking as a hero panel backdrop.
Classic norm rotating ring spinner in blue.
Two concentric rings spinning in opposite directions in ocean colors.
Avatar wrapped in a rotating ocean conic ring — the "story" ring pattern, in pure CSS.
Thin ocean arc spinner — one element, drawn by a conic gradient and cut to a ring with a radial mask.
Four CSS triangles hinged at a shared base and splayed by quarter turns, tilted so the solid closes rather than reading as loose fins.
A lime coin with a visible rim built from stacked discs spins on its vertical axis and speeds up on hover.
Twelve radial ticks around a circle, each fading out in turn so a bright head appears to sweep the dial.
Delivery tracker whose spine fills from the scroller’s own scroll timeline while each milestone dot lights on its own view timeline as it crosses the dashed read line pinned across the pane.
The pending state a submit button needs: blue tint, inline spinner, progress cursor.
Busy-state ocean button with an inline ring spinner and a breathing label.
Conic ocean sweep punched into a ring by a radial mask — one element, no border tricks.
Three ocean satellites parked at 120-degree intervals and rotated as one group, so the ring keeps its spacing at any speed.
Quantity control with the field flanked by its own increment buttons, in tabular figures so the box does not resize between 9 and 10.
Toggle whose knob carries a spinner once flipped, for settings that persist over the network and are not actually on until the server says so.
Two gapped arcs cut from one conic gradient with border-drawn heads at each opening, the whole glyph spinning on an ease that speeds through the middle of each turn.
Single dot traced around a lemniscate in eight keyframe stations, crossing at the waist so the two lobes read as one continuous circuit rather than two orbits.
Four quadrants hinged at the shared centre corner, each folding in on X and out on Y a beat after the last so the square appears to turn itself inside out.
A gold coin with two different faces spins continuously around its vertical axis.
Setup checklist where each step carries its own time estimate and the running step spins a partial ring instead of a tick.
Compact cassette with a written label and a window onto two spoked hubs that turn continuously while the wound tape thickens on one reel and thins on the other.
Draft editor with a blinking caret and a green saved stamp in its header that swaps for a spinning saving indicator the moment the field is touched.
A conic gradient masked into a thin ring that rotates — a more colorful alternative to the classic spinner.
Showing 24 of 44. Search the rest →
A quantity control that is not input[type=number] — so no unstyleable spinner, no accepted "e", and no clamping mid-keystroke that rewrites your 2 to a 10 before you can type the 5.
Spinners, bars, dots and skeletons — no JavaScript in any of them.
Determinate bars, rings, meters and step indicators.
Perspective, tilt and depth from transforms alone.
Two faces, one element, rotated on hover or focus.
Checkbox-backed switches, segmented toggles and theme flips.
Vertical histories, horizontal steps and progress trails.