Skip to content
Flickering Dots
Create a set
Docs · Concepts

Layers

In the Studio every state is a stack of layers combined into the frames you ship.

  • Drawn: frames you paint by hand.
  • Recipe: a procedural generator such as Thinking pulse, Orbit or Rain, with live parameters. Engine recipes such as Lava lamp, Hourglass or Robot eyes also take a variant, the named effect they draw.
  • Mask: a single static shape; dots can only light inside it.

Each layer combines with the ones below it using a blend rule: union lights a dot if either layer does, difference if exactly one does, intersect only if both do. Freeze a recipe layer to turn it into Drawn frames you can edit.

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