AI CSS Animations

Premium

Match Cut Showreel

A motion studio reel built on match cuts: one circle holds its exact place while the world hard-cuts around it on a 120 BPM grid, becoming a striped poster sun, a halftone eye, a spinning record label, an export button and the studio's logo.

Written and rendered by AI CSS Animations Nov 2, 2026

Type
prompt
Made with
Claude Opus 5.5 in Claude Code
Built in
Canvas
Topics
Showreel · Shapes
What Claude made from the prompt below in Claude Code: one HTML file rendered frame by frame to video. Silent preview.

About this style

A match cut joins two shots through something they share: a shape, a position or a movement, so the eye carries straight across the edit while the world changes. Film editors have used it for a century, and motion studios build whole reels on it, because a single shape held still through five different styles proves range and control at once. The trick only works if the shape never moves by a pixel at the cut.

Premium

Unlock the prompt

Everything you see above is live. Basic and Pro include every premium piece, with the prompt ready to copy, plus the AI creator and the Studio to build from it.

Similar prompts

More like this on the motion design inspiration board: Motion graphics inspiration