Flicker Dot Spinners

Pixel-grid loading spinners, flip-dot style

Flicker Dot Spinners — Retro flip-dot loading spinners on a pixel grid — design frames and export SVG, React or Flutter!

How to use Flicker Dot Spinners

  1. Click dots in the frame editor to design a frame
  2. Add, duplicate or delete frames to build the loop
  3. Preview the spinner live and tune speed and colours
  4. Export the spinner as SVG, React or Flutter code

Features

  • Real flicker-dot model: 49 dots, 150 ms frames, CSS keyframes
  • Seven presets including column sweep and spinner ring
  • Live preview with play, pause, reverse and speed
  • 5x5 and 7x7 variants with custom colours
  • Standalone SVG export with reduced-motion support

Frequently asked questions

Is it free?

Yes, unlimited.

Login to use this free online tool. Create a free account to get started.