Color Block Step Wipe
Color Block Step Wipe is a transitions Remotion shot (with a public demo.tsx). Watch the video preview, read the recipe notes, and copy the agent brief to implement it from tuned TSX.
- Category
- Transitions
- Duration
- A ~2.5s (growth 44f + badge + hold) / B ~1.5–2s (3 jumps 30f + hold); demo total 150f
- Energy
- Medium-High (energy comes from the "jump" hitches, not speed)
- Styles
- 1
Recipe notes
Discrete stepped color-block screen swallow, two variants — A: a small central bar hard-steps 3–5 times to fill the full screen (after takeover a badge pops out in two jumps); B: a color block eats the screen diagonally from a corner in 3 steps while carrying a page card forward one jump per step
When to use it
Brand-color transitions/chapter handoffs; "hard-edged, no easing" pixel-game feel sections; the pure-color field after takeover as the stage for the next section
Intent
Every wipe in the library is a continuous sweep — a boundary pushed across at constant or eased speed. This card inverts that: **