domains / families / media / render-mosaic-grid-reveal

render-mosaic-grid-reveal

separate

Render a 'mosaic-grid-reveal' video from a config — a real-DOM FULL-BLEED N×N mosaic of real product tiles that pops in one tile at a time (scatter order, ease-out-back overshoot), the grid clears, then the brand wordmark builds line-by-line followed by a sub-label, tagline, and CTA; frame-stepped via Playwright and encoded with FFmpeg — deterministic assembly, FREE (the music bed comes from create-music-elevenlabs), so the wordmark, tile captions, and CTA stay pixel-crisp. Use for the mosaic-grid-reveal format.

When to use

• mosaic-grid-reveal format
• full-bleed N×N mosaic of real product tiles
• tiles popping in one at a time with scatter order
• brand wordmark building line-by-line
• sub-label, tagline, and CTA end card
• deterministic video assembly
• pixel-crisp text rendering

When not to use

• generative video
• i2v
• AI-rendered text
• AI-rendered logo
• inventing claims, customers, results, prices, or shipping speed

Skill page

Source