Explainer video prompts

21 prompts — open one to copy its prompt. Tested entries include the video, run log and project; starter prompts are marked NOT TESTED.

Related tags: Diagrams 9Charts 2Phone 2Shapes 2Product UI 2Code 1Kinetic type 1
Remotion explainer prompt — document to vertical video
Remotion·Vertical Tested
For every PDF nobody reads: the document appears, its key lines light up, and it condenses into three cards a phone can actually show.
Claude Motion explainer prompt — all-hands update style
HyperFrames·Landscape Tested
The all-hands meeting, replaced by an 8-second film: a header, three tagged updates — shipped, metric, next — and a closer that says the quiet part out loud.
Claude Motion alternative — explainer without Motion (Remotion)
Remotion·Landscape Tested
Claude Motion is Team-only; this explainer format is not.
Single-file HTML explainer prompt — seek(t) method
HTML·Landscape Tested
The explainer that explains the method behind every film on this site: a playhead sweeps a ruler from t=0 to t=8s while three step cards light up as it passes them.
HyperFrames faceless explainer prompt — narration-ready cards
HyperFrames·Landscape Tested
A narration-ready faceless explainer skeleton: three headline cards with body lines, a diagram that draws itself card by card, and a closing line.
HyperFrames captions prompt — embedded animated captions
HyperFrames·Vertical Tested
Vertical embedded captions the way short-form editors actually burn them in: one word lights at a time in a highlighted line, a progress bar tracks the sentence, then the punchline line takes over.
30-second SaaS explainer — HyperFrames prompt (4-act grid, 9s demo cut included)
HyperFrames·16:9 landscape Tested
IMPORTANT, stated plainly: the prompt's beat grid is the full 30-second master.
Compound growth explainer — Remotion prompt (two-line chart, illustrative framing)
Remotion·16:9 landscape Tested
Tested after the label fixes (iteration 2).
Health app explainer — HyperFrames prompt (vertical onboarding, wellness-only)
HyperFrames·9:16 vertical Tested
Runs verbatim — a vertical health app onboarding that keeps wellness-only claims.
How-it-works 3-step explainer — HTML/GSAP prompt (numbered steps + progress line)
HTML·16:9 landscape Tested
Runs verbatim — three numbered steps on a progress line, the most reusable explainer pattern on this site.
Recursion explainer — HyperFrames prompt (nested boxes + unwind stack)
HyperFrames·16:9 landscape Tested
Tested after the core-pill fix (iteration 2).
Onboarding explainer — Remotion prompt (first-run flow in a phone, square)
Remotion·1:1 square Tested
Runs as written — a first-run onboarding flow, one phone screen per numbered step.
Process explainer — HyperFrames prompt (refund flow with day labels)
HyperFrames·16:9 landscape Tested
Runs verbatim — a refund process explained with named stages and honest day labels.
Kids' science explainer — HTML/GSAP prompt (moon phases with a shadow disc)
HTML·16:9 landscape Tested
Runs verbatim — a kids’ science explainer that teaches moon phases with a shadow disc.
Crypto wallet explainer — HyperFrames prompt (public/private key analogy)
HyperFrames·16:9 landscape Tested
Runs verbatim — a crypto wallet explained through an email-and-password analogy pair.
AI summariser explainer — Remotion prompt (long doc in, summary out)
Remotion·16:9 landscape Tested
Tested after the line-count fix (iteration 2).
Recipe animation — HyperFrames prompt (vertical, timed method steps)
HyperFrames·9:16 vertical Tested
Runs verbatim — a timed recipe method: checklist first, clock second, payoff last.
Service explainer — HyperFrames prompt (four-tap booking flow, drawn icons)
HyperFrames·16:9 landscape Tested
Tested after the arrow fix (iteration 2).
Report explainer — Remotion prompt (dense report condenses to stat cards)
Remotion·16:9 landscape Tested
Runs as written — a dense report condensed to stat cards, one chart and one link.
Roadmap animation — HyperFrames prompt (quarterly milestone path)
HyperFrames·16:9 landscape Tested
The whole trick is synchronisation: the path is built through the four node coordinates and drawn with a linear dashoffset tween, so each pop lands the exact frame the line arrives.
Timeline animation — HyperFrames prompt (alternating dated events)
HyperFrames·16:9 landscape Tested
Marker timings are not hand-tuned: each pop time is the dot's linear travel duration multiplied by the marker's fraction along the line, so adding or moving an event keeps the sync exact.