Bauhaus tiles

A grid of Bauhaus shapes — discs, quarter circles, squares — pops in tile by tile in a diagonal wave to cover the frame, then shrinks away.

• transitions/tiles
• Transitions
• transition
• Overlay with alpha
• 1.4 s (0.6–4 s)

16:99:161:14:5

Live in your browser

0.00 / 1.40 s

Render it

npx volito render transitions/tiles --out tiles.mov

That writes ProRes 4444 with alpha, ready to drop over footage. The same item in another shape, brand or format:

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

From Node:

import { findItem, renderVideo } from "volito";

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

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

Props

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

Parts

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

Tags: transition, tiles, bauhaus, shapes, grid, geometric, mosaic

More in Transitions

Iris

A camera iris: the frame closes down to a point through a ring of the accent, then opens on the next shot. Circle, diamond, star or square, from any point.

Blinds

Venetian blinds: slats swing shut one after another in alternating colours, then open on the next shot.

Doors

Two doors slide shut and a Bauhaus disc locks them, then they slide open on the next shot. Across on wide frames, top and bottom on tall ones.

Glitch

A digital glitch: torn slices and RGB-split blocks flicker in, the frame breaks fully at the cut, then glitches out to the next shot.

Ink bleed

Ink spreads from a point in wobbly blooms of the accents until it floods the frame, then a hole blooms open on the next shot.

Clock wipe

A clock-hand sweep: the next colour wipes round the frame like a second hand with an accent edge, then sweeps on round to reveal the next shot.