Shapes made with AI

The one-line version of this idea ('make a showreel, go all out') leaves every decision to chance.

Videos like this circulate with no prompt at all, or a single line.

Our own brand reveal, built from this exact prompt.

The Remotion version of our house logo reveal: the mark is real SVG, the settle is a real spring.

The whole showreel is one self-contained HTML file — no build step, no project scaffold — rendered frame-by-frame from a seek-driven timeline.

A studio showreel — WE MAKE / MOTION / THAT SELLS — shot entirely in one HTML file, corner scene-marks and all.

A 7-second logo sting: two bars sweep, the wordmark letters drop in one by one, and the tagline reveals behind a sliding mask.

A talking-head lower third that assembles like broadcast graphics: bar sweeps, accent block slides, name wipes in character by character.

A square beat-synced cut film: shapes step on a strict 120 BPM grid — bars fill, a square rotates in 45° steps, concentric rings pulse — then the waveform draws and the track label lands.

Three CSS 3D cards flip in sequence — front face to back face — inside a perspective stage, each back carrying one line of detail.

A square quote film: the three beats of the quote land one at a time and stack, an accent rule draws under the stack, and the attribution fades in.

A sports intro card: skewed bars sweep, the event name stacks in italic slams, then the frame wipes to a matchup card — two fictional teams wedged around a VS badge with kickoff details.

A news open in a single HTML file: a wireframe globe draws itself, the channel wordmark lands, the show title staggers in letter by letter, and a LIVE lower-third bar with headline, anchor line, and a scrolling ticker completes the broadcast look.

A retro poster that prints itself in motion: double-rule frame, a masthead with a hard flat offset shadow (a duplicate layer, not a blur), a slowly turning star badge, and ruled lines bracketing the tagline.

Minimal kinetic type as a discipline exercise: one 64px word at a time on a 1080 frame, a thin rule, a microline per word, and ~70% empty frame.

A countdown opener in one HTML file: 5-4-3-2-1 slam in at 300px with an expanding ring pulse on each number, a percentage counter tracks progress on the right, and the launch word lands with a tick strip that sweeps 5→0.

Tested end-to-end.

Tested after the transform/clip-path fix (iteration 2).

Tested verbatim — a photo app launch film with a shape-built grid and no real photos.

Runs verbatim — a kids’ science explainer that teaches moon phases with a shadow disc.

Runs verbatim — a timed recipe method: checklist first, clock second, payoff last.

Four shapes, one grid, zero drift: at 120 BPM each beat pulses exactly one shape and lights exactly one tick.

Circle, square, triangle, diamond, logo — then back to the circle, so the film loops without a visible seam.

The spec asks for three.js WebGL; our gallery pipeline renders a code-drawn 2.5D rendition of the same shot list instead — model proportions, the materials palette, the three-point lighting scheme (interpreted as flat studio shading), every shot timing, the anticipation squash, the spring overshoots and the 6-second seamless loop are followed as written.

Our run is a compressed cut: his timeline runs 25–30 seconds; ours runs the same nine-image morph chain in 10 seconds, at the gallery's 1280×720 instead of his 1920×1080 canvas.

A background that is only allowed to move in circles: every layer completes whole cycles inside exactly 8 seconds, and the loop was proven pixel-identical between frame 0 and frame 8.0 rather than eyeballed.