Loaders & Spinners

Waiting states that feel intentional — orbit spinners, shimmer skeletons and animated progress rings.

3 demos · hover a stage to interact · press Replay to re-run

Spinner set

Orbit, wave, arc and bars — all transform and opacity only, so they stay on the compositor.

  • repeat: Infinity
  • delay stagger
orbit
wave
arc
bars

Progress ring

strokeDashoffset from a motion value, with a numeric readout subscribed to the same source.

  • SVG
  • strokeDasharray
  • value.on('change')
0%
uploading

Shimmer skeleton

Placeholder blocks with a highlight sweeping across on a slight per-line delay.

  • gradient sweep
  • delay
  • loading state