Dot grid

A grid of small dots with ripples running out from a few points: as a ripple passes, the dots swell and take the accent, then settle — a quiet, techy ground for titles.

  • backdrops/dot-grid
  • Backdrops
  • scene
  • Full frame
  • 8 s (2–60 s)
Style
Live in your browser
Dot grid at 16:9
0.00 / 8.00 s
npx volito render backdrops/dot-grid --style memphis --out dot-grid.mov
Playing live with volito/browser, the engine a render uses. Each tab lays the item out again for that shape, not a crop.

Render it

npx volito render backdrops/dot-grid --out dot-grid.mov

That writes ProRes 4444. The same item in another shape, brand or format:

volito render backdrops/dot-grid --aspect 9:16 --style cobalt --out dot-grid-9x16.mov
volito render backdrops/dot-grid --format mp4 --out dot-grid.mp4
volito still backdrops/dot-grid --t 4 --out dot-grid.png
volito info backdrops/dot-grid     # every prop and part
volito add backdrops/dot-grid      # copy its source into ./motion to edit

From Node:

import { findItem, renderVideo } from "volito";

await renderVideo(findItem("backdrops/dot-grid"), { props: {}, out: "dot-grid.mov" });

Or ask an agent with the MCP server connected: “Render the Volito dot grid (backdrops/dot-grid) in 9:16, in our brand.”

Props

Set each with --prop name=value, or all at once with --props and a JSON object.

PropTypeDefaultTakes
spacingnumber10.5 – 2.5
sources
Ripple sources
number21 – 3
speednumber10 – 3
vignette
Dark edges
booleanfalse—

Parts

Each part takes any move, ease or idle: --motion ground.in=pop.

PartWhat it is
groundthe ground
dotsthe dots

Tags: dots, grid, ripple, tech, minimal

More in Backdrops