Skip to content
Flickering Dots
Create a set
Docs · Guides

Studio

Build a set: draw or generate each state, compose layers, tune timing and preview transitions.

Click or drag on the canvas to paint; hold Alt while you drag to erase, and right-click for frame tools. Symmetry mirrors every stroke. The sequencer below shows one row per layer; drag a frame's right edge to make it last longer. Press ? for every shortcut.

Save keeps the set on this device under My sets. Share copies a link that reopens it anywhere, and Ship turns it into code.

Open-source dot-matrix loading, thinking and typing indicators for React, Vue, Svelte, Web Components and more.

MIT licensed. Install with npm i flickering-dots