Dotgrid · v2

A curated library of 3×3 loading spinners.

42 copy-and-paste components. Every dot moves — off cells stay empty. Drag the speed, star your favorites, or build your own with a single line of f(1,2,3) calls.

Speed150ms

The base · CellGrid.tsx

Copy this once

Every spinner below feeds an array of 9-character frame strings into this renderer.

Build your own

Saved locally

Numbers 1–9 map to grid positions (row-major). Each f(…) is one frame.

Live preview
8f · 150ms

Library

42 presets

Cursor

4f · 150ms

An arrow shape re-forms as it drifts toward the bottom-right.

Snake

9f · 150ms

A single dot snakes through every cell.

Ripple

4f · 150ms

A pulse expands outward from the center.

Orbit

4f · 150ms

Two opposing dots circle the perimeter.

Rain

3f · 150ms

Three drops fall down columns on staggered beats.

Sweep

4f · 150ms

A full column sweeps left to right and back.

Bounce

4f · 150ms

A row falls, lands, then climbs back up.

Spiral

10f · 150ms

Dots fill a spiral, then the grid clears.

Shuffle

4f · 150ms

Three dots leap to fresh positions each beat.

Diagonal

5f · 150ms

A diagonal stripe slides across the grid.

Pulse Cross

4f · 150ms

A plus sign rotates into an X and back.

Heartbeat

4f · 150ms

A double-beat pulse expanding from the center.

Knight

8f · 150ms

A lone dot makes L-shaped jumps.

Domino

8f · 150ms

A two-cell pair chains around the perimeter.

Wave

4f · 150ms

A traveling wave of three dots crosses the grid.

Zigzag

8f · 150ms

A dot zigzags between corners via the center.

Brackets

2f · 150ms

Vertical brackets flip to horizontal bars.

Comet

8f · 150ms

A growing comet head with a fading tail.

Flicker

2f · 150ms

The cross and middle row swap on each beat.

Hourglass

4f · 150ms

An hourglass collapses to its center.

Pendulum

4f · 150ms

A diagonal swings back and forth.

Marquee

5f · 150ms

A short bar scrolls across the top row.

Spark

4f · 150ms

Center sparks out to corners and edges.

Triangle

4f · 150ms

A triangle rotates around the grid.

Quartet

4f · 150ms

Four corners light in clockwise sequence.

Sentinel

8f · 150ms

Three sentries chase around the perimeter.

Echo

4f · 150ms

A point echoes outward in alternating rings.

Cascade

8f · 150ms

Anti-diagonals cascade down and back up.

Drumroll

4f · 150ms

Three dots roll across rows and diagonals.

Helix

4f · 150ms

Diagonals twist through a center plus.

Tetris

4f · 150ms

An L-piece falls and settles at the bottom.

Saw

3f · 150ms

A sawtooth wave staggers across the grid.

Quadrant

4f · 150ms

Four 2×2 quadrants take turns lighting up.

Cross Morph

8f · 150ms

A plus and an X trade places via the center.

Pong

8f · 150ms

A dot bounces from corner to corner via center.

Blink

2f · 150ms

Odd and even cells flash on alternating beats.

Binary

9f · 150ms

A bar fills upward like a clock tick, then resets.

Spiral Out

8f · 150ms

A spiral unwinds outward from the center.

Clockwise

8f · 150ms

A dot races clockwise around the edge.

Counter-CW

8f · 150ms

A dot races counter-clockwise around the edge.

Tally

6f · 150ms

Columns fill row-by-row then reset to empty.

Burst

4f · 150ms

A center spark explodes, blacks out, repeats.