remotion-dev avatar

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-code

Installs 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

More from remotion-dev/skills

All 14
1doany-ai avatarvideo-editdoany-ai/skillsEdit existing video on RunComfy — this skill is a smart router that matches the user's intent to the right edit model in the RunComfy catalog. Picks Wan 2.7 Edi273.4Kskills.sh installs
2doany-ai avatarwan-2-7doany-ai/skillsGenerate text-to-video with Wan 2.7 (Wan-AI's flagship motion model) on RunComfy. Documents Wan 2.7's strengths (multi-reference conditioning, audio-driven lip-273.3Kskills.sh installs
3roin-orca avatarsimpleroin-orca/skillsLightweight brainstorming framework for fast, focused design decisions before implementation.242.6Kskills.sh installs
4higgsfield-ai avatarhiggsfield-generatehiggsfield-ai/skillsGenerate images/videos/3D assets/audio via Higgsfield AI. Defaults: GPT Image 2 for image/design/text, Seedance 2.0 for video, Nano Banana 2/Lite/Pro for charac236.1Kskills.sh installs
5vercel-labs avatarvercel-react-view-transitionsvercel-labs/agent-skillsGuide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view tran185.5Kskills.sh installs
6agentspace-so avatarnano-banana-2agentspace-so/runcomfy-agent-skillsFlash-tier text-to-image model optimized for rapid iteration, social thumbnails, and predictable in-image typography.176.5Kskills.sh installs