Circle Grid

Four signals. One step for every second.

Four diagonal dot groups move one step each second. The timer stays in one dark panel while the grid marks every change.

OverlayFull background

Use Circle Grid

See it in your scene

Circle Grid in a vertical 9:16 frame — 9:16Vertical

Every state

What Circle Grid looks like at the moments a preview never reaches. Captured from the same renderer OBS runs.

Final minute15 seconds left of a 5-minute timer.
ZeroThe end message replaces the message.
OvertimeCounting up past zero, 1:15 over.
Count upA stopwatch, 12:34 in.
PausedStopped mid-run at 2:17.

How Circle Grid works

The four diagonal groups move in order. Each second moves one group by one cell.

Count-up uses the same four-group rhythm. It shows elapsed time only, with no target, percentage, or false finish.

What can I change?

Choose the Signal Red, Cobalt Blue, Mineral Jade, or Plum/Rose palette. Mineral Jade is the default. You can also pick the background color.

Circle Grid controls its circle colors and digit face. A saved bar, ring, timer color, digit-font, or font-size setting doesn't change the design. Duration, clock targets, messages, start triggers, resume, and overtime still work.

What happens at the end?

At zero, the full grid falls away. Overtime brings the four groups back from below.

Theme controls

Palette
Choose Signal Red, Cobalt Blue, Mineral Jade, or Plum/Rose.
Ground color
Pick the ground color behind Circle Grid.
Transparent mode
Remove the full background and show the timer over your OBS scene.

A plain timer stays ready.

TimerBox shows a visual theme only after the full display is ready. If the theme cannot start or stops drawing, a plain digit timer takes its place.

Next theme: Ceramic Tile