Motion graphics for Claude, ready to copy
Scenes is a library of finished motion graphics scenes for Claude. Each scene is HyperFrames code (HTML, CSS and GSAP) with the prompt that made it: copy it into Claude or Claude Code, change the words, numbers and colours in plain English, and render the MP4 on your own machine for free.
Browse by category
- Maps (12 scenes): Free map animation scenes for Claude: globe zooms, travel routes and country reveals. Change the places in plain English and render the MP4 yourself.
- Charts (15 scenes): Animated graphs, line charts, donut charts and a bar chart race you make from a prompt in Claude. Paste your numbers and render the MP4 free.
- Text (19 scenes): Kinetic typography, animated titles and video title cards made from a prompt in Claude. Change the words in plain English and render the MP4 free.
- Product launch (22 scenes): Product launch and brand launch video scenes: hero films, feature reveals and logo endings. Make yours from a prompt in Claude and render the MP4 free.
- App UI (25 scenes): Mobile app promo video and UI animation scenes: onboarding flows, chat threads, search and dashboards. Make yours in Claude and render the MP4 free.
- Broadcast (5 scenes): Lower third name graphics, news packages, sports stats and title sequences. Make them from a prompt in Claude and render the MP4 free.
- Social (10 scenes): 9:16 motion graphics for Reels, Shorts and TikTok: countdown timer videos, audiograms, stats and posters. Make yours in Claude and render the MP4 free.
- Illustrated (6 scenes): Illustrated motion graphics: comic panels, paper cut-outs, pixel art and a mascot. Change them in Claude with plain words and render the MP4 free.
- 3D (38 scenes): 3D motion graphics made in code: extruded 3D type, an isometric city, a landscape flyover and gradient meshes. Make yours in Claude and render free.
- Explainers (27 scenes): Animated infographic and explainer video scenes: diagrams, timelines, step-by-step processes and drawn characters. Make yours in Claude, render free.
- Logos (2 scenes): Logo reveal and logo sting animations from a prompt: shapes that build a mark, gold line reveals, Bauhaus geometry. Add your logo in Claude, render free.
- Transitions (4 scenes): Motion graphics transitions: watercolour blooms, glitch cuts, infinite zooms and origami folds. Change them in Claude and render the MP4 free.
- Community (7 scenes): Motion graphics scenes shared by the Scenes community, each with the prompt that made it. Copy into Claude and render the MP4 free.
Maps
Charts
Text
Product launch
App UI
Broadcast
Social
Illustrated
3D
Explainers
Logos
Transitions
Community
Guides
Questions
What is Scenes?
A library of finished motion graphics scenes for Claude. Each scene is HyperFrames code (HTML, CSS and GSAP) with the prompt that made it, so you can copy it into Claude or Claude Code, change the words, numbers and colours, and render the MP4 yourself.
Can Claude make motion graphics?
Yes. Claude writes motion graphics as code: HTML, CSS and GSAP animation that HyperFrames renders to MP4. Starting from a finished scene's prompt gets you a polished result in one go instead of many rounds of fixes.
How do I get an MP4?
Pull the scene into Claude Code, then run npx hyperframes render in its folder. It renders on your own machine, so there is no cost and no limit.
Do I need Claude Code?
No. You can paste a scene's prompt into claude.ai or the Claude app and Claude builds it as a live preview. Claude Code is only needed to render the MP4 file.
Is Scenes free?
Browsing and previewing every scene is free, with 2 copies a day. The Library plan gives unlimited copies and the Claude Code skill.
What can I use the scenes for?
Your own videos, ads, social posts, client work and presentations. The scenes you make are yours to publish.
Docs · Pricing · Guides