Pattern

Any of the sixteen animated patterns as a full ground — mesh, halftone, dither, Bauhaus tiles, waves, rings, dots, confetti, pills, sunburst… — in the brand's colours or your own.

  • backdrops/pattern
  • Backdrops
  • scene
  • Full frame
  • 8 s (2–60 s)
Live in your browser
Pattern at 16:9
0.00 / 8.00 s
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/pattern --out pattern.mov

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

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

From Node:

import { findItem, renderVideo } from "volito";

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

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

Props

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

PropTypeDefaultTakes
kind
Pattern
choicemeshmesh | halftone | dither | tiles | bauhaus | waves | rings | dots | plus | graph | hatch | stripes | checker | confetti | pills | sunburst
strengthnumber10.2 – 2
scalenumber10.4 – 3
speednumber10 – 4
color
Colour
empty: the brand's colour
color——
color2
Second colour
empty: the brand's colour
color——
vignette
Dark edges
booleanfalse—

Parts

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

PartWhat it is
groundthe ground
patternthe pattern

Tags: backdrop, background, loop, pattern, texture, motion background

More in Backdrops