Mira loaders

Three indicators, one accent, no more than three DOM elements each. Tune duration and size below; the CSS reads two custom properties.

--dur: 1200ms · --size: 64px

Orbit dots

1 div + 1 span · linear · 3 dots at 0°, 120°, 240°

2 elements

Staggered bars

1 div · ease-in-out · delays −32 %, −16 %, 0

1 element

Morphing ring

1 div · radius 50 % ↔ 22 % while spinning at 2× duration

1 element