Each map animation here is a finished scene: a globe zoom to a country, a route that glows from one city to the next, a distance line, a flag that fills a country's outline. Every one was made from a prompt, and you get that prompt with the HyperFrames code, so you can change the places and words in plain English instead of keyframing a map by hand.
Use it as an animated map maker without the map software. Paste the prompt into Claude to see a live preview, or pull the scene into Claude Code and ask for "Paris to Rome" or "zoom to Kenya". When it looks right, npx hyperframes render makes the MP4 on your own machine. No After Effects, and no paying per template.
The map scenes are vertical 9:16, which suits a travel map animation for Reels, Shorts and TikTok. Browsing and previewing is free, free accounts copy 2 scenes a day, and the render costs nothing because HyperFrames makes the MP4 on your own computer.
Browsing and previewing is free, free accounts copy 2 scenes a day, and the render costs nothing because HyperFrames makes the MP4 on your own computer.
No. The scenes are HTML, CSS and JavaScript that HyperFrames renders to MP4. You change them by asking Claude or Claude Code in plain English.
Yes. Ask for the places you want, for example "pan from Lisbon to Madrid and pin Madrid". Claude Code edits the scene, and npx hyperframes check catches layout problems before you render.
The map scenes are built vertical. You can ask Claude Code to re-lay one out at 1920x1080; check the start, middle and end frames before you render.