
Remotion Maps
Remotion Maps is a pick-one-technique guide for putting animated maps into Remotion videos, and it's organized so you load only the chosen approach's file. The options run from a static satellite image you animate over (no setup, but no real geography tooling), to Mapbox (polished styles, a round globe when zoomed out, and 3D buildings like the Eiffel Tower, but it needs a key), to MapLibre (fully free with no key, though no 3D buildings). MapTiler lets you draw annotations over borders, rivers, and labels, and CesiumJS gives you terrain flythroughs from a flight-simulator perspective. If you just need a clean map with no budget or account, start with MapLibre.
- skills.sh installs
- 273.4K
- GitHub stars
- 6.7K
- last updated
- Oct 26, 2026
Install
$ npx -y skills add remotion-dev/skills --skill remotion-maps --agent claude-codeInstalls into .claude/skills of the current project.
Files
Remotion Maps
Choose exactly one technique from the intended shot, then load only that technique's TECHNIQUE.md.
Every technique directory is self-contained and may be removed without breaking the others.
Static map
- Requires you grab a satellite image and mount it in a
<Img>tag, and animate on top
Mapbox
- Requires a Mapbox key
- Nicer styles by default
- Map can display a round globe when zoomed out
- Includes nice 3D buildings such as the Eiffel tower
MapLibre
- Requires no API key, fully free
- Does not include 3D building
MapTiler
- Uses MapTiler
- Annotations can be drawn on top of geographic features: borders, rivers, labels
CesiumJS
- Flythroughs through terrain and mountains
- "Flight simulator" perspective
Sponsors
Details
- Repository
- github.com/remotion-dev/skills
- Categories
- Design & UI/UX, Generative Media
- First seen
- Oct 26, 2026