Motion Prompt Lab.

GSAP text animation — tested prompts with the videos they made

The stack: GSAP timelines driving text and interface motion inside plain HTML compositions — split text, staggered lines, scroll-paced reveals.

95 tested prompts. Every prompt below was actually run by us — in a HyperFrames or single-file HTML composition, with GSAP doing the animation work. The patterns developers search for are all here as copy-ready prompts: gsap splittext-style character reveals, gsap stagger line builds, and split text animation that lands on a beat grid. Each entry carries the full structured prompt, the rendered video, the run log and the downloadable project — plus what broke along the way.

Kinetic type showreel

HyperFrames·Landscape Tested

Product UI morph — one shape, many states

HyperFrames·Square Tested

Logo reveal — ring, notch and wordmark

HyperFrames·Landscape Tested

Claude Motion animated chart prompt — the code route

HyperFrames·Landscape Tested

Claude Motion explainer prompt — all-hands update style

HyperFrames·Landscape Tested

Claude Motion dashboard prompt — live KPI tiles

HyperFrames·Landscape Tested

Claude Motion alternative — chart video without Motion (HyperFrames)

HyperFrames·Landscape Tested

Claude Motion alternative — showreel from a single HTML file

HTML·Landscape Tested

Single-file HTML showreel prompt — no renderer, no build step

HTML·Landscape Tested

Single-file HTML explainer prompt — seek(t) method

HTML·Landscape Tested

Single-file HTML kinetic type prompt

HTML·Square Tested

AI showreel prompt for a business — Opus 5.5 style, tested

HyperFrames·Landscape Tested

AI showreel prompt for a product — square cut

HyperFrames·Square Tested

Motion designer showreel prompt — résumé cut

HyperFrames·Landscape Tested

Claude motion graphics prompt — business promo video

HyperFrames·Landscape Tested

HyperFrames logo sting prompt — transparent-style overlay

HyperFrames·Landscape Tested

HyperFrames lower third prompt — talking-head overlay

HyperFrames·Landscape Tested

HyperFrames faceless explainer prompt — narration-ready cards

HyperFrames·Landscape Tested

HyperFrames PR-to-video prompt — GitHub PR to changelog film

HyperFrames·Landscape Tested

HyperFrames website-to-launch prompt — URL to launch film

HyperFrames·Landscape Tested

HyperFrames music-to-video prompt — beat-synced cuts

HyperFrames·Square Tested

HyperFrames captions prompt — embedded animated captions

HyperFrames·Vertical Tested

HyperFrames product demo prompt — feature tour

HyperFrames·Landscape Tested

HyperFrames app promo prompt — phone mockup motion

HyperFrames·Vertical Tested

HyperFrames dashboard showcase prompt — SaaS UI film

HyperFrames·Landscape Tested

HyperFrames 3D card scene prompt — CSS 3D cards

HyperFrames·Landscape Tested

HyperFrames animated headline prompt — hero text film

HyperFrames·Landscape Tested

Kinetic typography prompt — SaaS tagline film

HyperFrames·Landscape Tested

Kinetic typography prompt — quote film

HyperFrames·Square Tested

Kinetic typography prompt — lyrics-style word sync

HyperFrames·Vertical Tested

Kinetic typography prompt — sports intro

HyperFrames·Landscape Tested

Kinetic typography prompt — news intro

HTML·Landscape Tested

Kinetic typography prompt — retro poster style

HyperFrames·Square Tested

Kinetic typography prompt — event title sequence

HyperFrames·Landscape Tested

Kinetic typography prompt — vertical hook, 6 seconds

HyperFrames·Vertical Tested

Kinetic typography prompt — manifesto film

HyperFrames·Landscape Tested

Kinetic typography prompt — countdown opener

HTML·Landscape Tested

SaaS launch video — HyperFrames prompt (wordmark slam + product window)

HyperFrames·16:9 landscape Tested

Product launch day film — HyperFrames prompt (live counter + supporter quotes)

HyperFrames·16:9 landscape Tested

Feature announcement video — HyperFrames prompt (before/after cards)

HyperFrames·16:9 landscape Tested

Pricing promo film — HyperFrames prompt (monthly/yearly toggle flip)

HyperFrames·16:9 landscape Tested

Waitlist video — HTML/GSAP prompt (milestone counter + email capture)

HTML·16:9 landscape Tested

Before/after transformation film — HyperFrames prompt (divider wipe, square)

HyperFrames·1:1 square Tested

Dashboard launch film — HyperFrames prompt (product window builds itself)

HyperFrames·16:9 landscape Tested

Template pack launch film — HyperFrames prompt (vertical, card stack + price card)

HyperFrames·9:16 vertical Tested

Photo app launch film — HyperFrames prompt (shape-built photo grid, square)

HyperFrames·1:1 square Tested

30-second SaaS explainer — HyperFrames prompt (4-act grid, 9s demo cut included)

HyperFrames·16:9 landscape Tested

Health app explainer — HyperFrames prompt (vertical onboarding, wellness-only)

HyperFrames·9:16 vertical Tested

How-it-works 3-step explainer — HTML/GSAP prompt (numbered steps + progress line)

HTML·16:9 landscape Tested

Recursion explainer — HyperFrames prompt (nested boxes + unwind stack)

HyperFrames·16:9 landscape Tested

Process explainer — HyperFrames prompt (refund flow with day labels)

HyperFrames·16:9 landscape Tested

Kids' science explainer — HTML/GSAP prompt (moon phases with a shadow disc)

HTML·16:9 landscape Tested

Crypto wallet explainer — HyperFrames prompt (public/private key analogy)

HyperFrames·16:9 landscape Tested

Recipe animation — HyperFrames prompt (vertical, timed method steps)

HyperFrames·9:16 vertical Tested

Service explainer — HyperFrames prompt (four-tap booking flow, drawn icons)

HyperFrames·16:9 landscape Tested

Animated chart — HyperFrames prompt (stat count-up story)

HyperFrames·16:9 landscape Tested

Animated line chart — HyperFrames prompt (a data story in one line)

HyperFrames·16:9 landscape Tested

KPI dashboard — HyperFrames prompt (metrics film for team updates)

HyperFrames·16:9 landscape Tested

Comparison chart — HyperFrames prompt (us vs them, animated)

HyperFrames·16:9 landscape Tested

Survey results — HTML prompt (poll data as a film)

HTML·1:1 square Tested

Growth story — HyperFrames prompt (milestone film, users and MRR)

HyperFrames·16:9 landscape Tested

Logo reveal prompt — minimal line draw — HyperFrames prompt (one line draws the mark, then the name lands)

HyperFrames·16:9 landscape Tested

Logo reveal prompt — stamp/seal mechanical — HTML prompt (a seal slams down, then the tagline lands)

HTML·1:1 square Tested

Wordmark animation prompt — text-only reveal — HyperFrames prompt (letters land one by one, then the rule draws)

HyperFrames·16:9 landscape Tested

Vertical logo reveal prompt — icon + wordmark — HyperFrames prompt (diamond mark draws, name lands beneath)

HyperFrames·9:16 vertical Tested

Claude SVG logo reveal prompt — piece by piece — HTML prompt (an 8-spoke asterisk draws one spoke at a time)

HTML·16:9 landscape Tested

Vertical hook prompt — 6-second social hook — HyperFrames prompt (stop-scroll slam + payoff in 6 seconds)

HyperFrames·9:16 vertical Tested

Stat hook prompt — one big number (vertical) — HyperFrames prompt (87% count-up + label)

HyperFrames·9:16 vertical Tested

Tip card prompt — one tip per film (vertical) — HTML prompt (tip card + before/after example)

HTML·9:16 vertical Tested

Countdown prompt — launch countdown series (vertical) — HyperFrames prompt (5→1 days + WE'RE LIVE)

HyperFrames·9:16 vertical Tested

Beat-synced shapes prompt — music-first motion — HyperFrames (four shapes pulse on a 120 BPM grid)

HyperFrames·Square Tested

Shape morph prompt — shape to logo, seamless loop — HyperFrames (first frame = last frame)

HyperFrames·Square Tested

Same showreel prompt, two model styles — Opus 5.5 vs GPT-6 Astra — HyperFrames (format comparison, not a benchmark)

HyperFrames·16:9 landscape Tested

One-line prompt vs structured prompt — same subject, tested — HyperFrames (the finale: a vague brief films vague)

HyperFrames·16:9 landscape Tested

@daniel_mac8's terminal-to-workflow burst — community prompt (tested)

HyperFrames·16:9 landscape TestedCommunity

ouerf-man's Feature Drop launch (T04) — community prompt (tested)

HyperFrames·16:9 landscape TestedCommunity

tugrawork-creator's mascot product promo — community prompt (tested)

HyperFrames·1:1 square TestedCommunity

AJ Bactad's Brand System layout — community prompt (tested)

HyperFrames·16:9 landscape TestedCommunity

HeyGen's terminal-to-kinetic example — community prompt (tested)

HyperFrames·16:9 landscape TestedCommunity

Mirza Mehdi's master showreel prompt — community prompt (tested)

HyperFrames·16:9 landscape TestedCommunity

kpedrok's 25-second launch prompt — community prompt (tested)

HTML·16:9 landscape TestedCommunity

Claude-Motion's KPI Counter — community prompt (tested)

HyperFrames·16:9 landscape TestedCommunity

XiaoHu's earbuds studio film — community prompt (tested)

HyperFrames·1:1 square TestedCommunity

Claude-Motion's Line Trend — community prompt (tested)

HyperFrames·16:9 landscape TestedCommunity

Claude-Motion's Logo Sting & Outro — community prompt (tested)

HyperFrames·16:9 landscape TestedCommunity

@leo_xiaolei's morph-stream recreation — community prompt (tested)

HyperFrames·16:9 landscape TestedCommunity

YouTube channel intro — HyperFrames prompt (name sting + tagline)

HyperFrames·16:9 landscape Tested

YouTube end screen — HyperFrames prompt (subscribe + next video cards)

HyperFrames·16:9 landscape Tested

Podcast audiogram — HyperFrames prompt (waveform + word captions)

HyperFrames·1:1 square Tested

Chapter title cards — HyperFrames prompt (numbered section dividers)

HyperFrames·16:9 landscape Tested

Seamless loop background — HyperFrames prompt (frame-perfect loop)

HyperFrames·16:9 landscape Tested

Roadmap animation — HyperFrames prompt (quarterly milestone path)

HyperFrames·16:9 landscape Tested

Timeline animation — HyperFrames prompt (alternating dated events)

HyperFrames·16:9 landscape Tested

Local business promo — HyperFrames prompt (reviews, service area, call now)

HyperFrames·16:9 landscape Tested

Social proof popup — HyperFrames prompt (notification stack)

HyperFrames·16:9 landscape Tested