
A demo video whose motion graphics were generated entirely with Claude Code and Remotion.
The Hook
“(No spoken dialogue — upbeat tech synth soundtrack with rising intro chords)”
Product Reveal
“(No spoken dialogue — rhythmic keyboard clatter and pop sound effects)”
Feature Teaser
“(No spoken dialogue — whoosh transition into ambient electronic beat)”
Feature Teaser
“(No spoken dialogue — electronic riser with ticking counter audio)”
Problem Agitation
“(No spoken dialogue — punchy synth accents and button click SFX)”
Feature Teaser
“(No spoken dialogue — futuristic scanning and pinging sound effects)”
Feature Teaser
“(No spoken dialogue — upbeat driving groove with chime on sync)”
Feature Teaser
“(No spoken dialogue — continuous synth pulse)”
Feature Teaser
“(No spoken dialogue — keyboard tapping and generative terminal beeps)”
Feature Teaser
“(No spoken dialogue — crisp UI interaction clicks)”
Call to Action
“(No spoken dialogue — final synth swell resolving into fade)”
Synthesizable in Remotion · key components of the saas-launch-walkthrough template.
Rolls numeric values vertically with spring damping.
Use Remotion interpolate on frame numbers, floor value, and render digits inside overflow-hidden column.
Rotates keyword phrases inline with vertical sliding motion.
Sequence an array of strings using modulo arithmetic on useCurrentFrame with spring-driven translateY and opacity.
Cascades search step execution with status loaders turning to checkmarks.
Map steps array with staggered frame delays, toggling loading spinner SVG to check icon based on frame threshold.
Slides enriched table columns horizontally to reveal new fields.
Wrap CSS grid in overflow container and drive scrollLeft via interpolate with easing curve.
Purpose. Capture interest with intuitive prompt-to-lead flow.
Execution. Typing query into minimal input followed by instant search breakdown.
Purpose. Establish authority and contact volume.
Execution. 300M+ animated counter over dot globe and direct phone reveals.
Purpose. Prove enrichment depth beyond simple scraping.
Execution. Automated ICP score breakdown, hiring signals, and ARR estimations.
Purpose. Demonstrate seamless CRM and workflow integration.
Execution. HubSpot sync modal, Claude MCP integration, and LinkedIn overlay.
Purpose. Deliver punchline proposition and brand signoff.
Execution. Bold centered typography transitioning to company logo on blue silk.
Objective
Launch video for an AI dev-tool finding open-source maintainers.How the recipe adapts
Replace sales search terms with GitHub repository queries, swap LinkedIn overlay for GitHub profile extraction, and sync directly to Linear or Slack.Scene durations (11 scenes, 95s)
Key Remotion components

Figma's Made in Figma 2025 reel, a showcase film of work designed in the tool.

An overnight film made by giving Opus 5.5 Donald's prompt, Midjourney, and a moodboard. The piece is titled Look 00.

A 15-second motion reel made by asking Opus 5.5, on max effort, for a résumé showreel.