---
title: "Journey Map — Framer component · Best of Framer"
description: "$8.00 · Framer component · by Dulaj Design · Maps. Animate global routes on a map."
canonical: "https://framer.elliotli.dev/component/journeymap"
---

[Home](/)/[Components](/components)/[Maps](/components/category/maps)/Journey Map

# Journey Map

Animate global routes on a map.

[View on Framer](https://framer.com/marketplace/components/journeymap/?via=elliot-li)

![Journey Map preview image 1](https://framer.elliotli.dev/og/component/journeymap/a7f7493011715907/1600x1200.jpg)

## Summary

Animate global routes on a map.

## Description

**About**JourneyMap brings high-end geospatial visualization to your Framer projects. Designed for brands with a global footprint, this component allows you to draw animated paths across a world map, highlighting your international presence, shipping routes, or office locations with smooth, professional motion.

**What it does**Renders a fully customizable SVG world map with animated routes connecting global points. It handles complex path drawing with adjustable "glow" effects and directional arrows to show movement. The component supports custom markers with pulsing animations to draw attention to specific hubs and includes a stylized title overlay that integrates perfectly into hero sections or "About Us" pages.

**What you can customize**

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-jhgzvtl2-lNZaPOyl8Oxglrs1v54X0BoAUxyUzD)

-   **Map Styling:** Change colors for Land, Ocean, Borders, and Grid. Toggle custom country highlights, upload custom map images, and adjust opacity.
-   **Route Animation:** Control route width, glow intensity, and duration. Add directional arrows and set animation loops with custom delays.
-   **Markers & Labels:** Customize marker size, ring colors, and pulsing effects. Style location labels with custom fonts (like Inter), colors, and padding.
-   **Title Overlay:** Full control over the floating title’s text, alignment, background opacity, and typography (Montserrat support included).

**Great for**

-   Logistics & Supply Chain websites
-   SaaS "Global Infrastructure" sections
-   Agency "Clients Worldwide" maps
-   Travel & Tourism itineraries
-   Contact pages with multiple office locations

**Share your build**If you ship something cool with it, post it on X and tag me **@Dulajweb**, or send it over. I’d love to see what you create.

**Need help?**Questions or feedback? Reach me anytime: [**dulajdilshan766@gmail.com**](mailto:dulajdilshan766@gmail.com) or on X **@Dulajweb**

## Rank history [How rankings work →](/terms#rankings)

-   All · #10965

## Details

- **Author**: Dulaj Design
- **Price**: $8.00
- **Published**: 2026-03-13
- **Updated**: 2026-08-24
- **Added**: 2026-03-06
- **Categories**: Maps

## More like this

-   [Waypoint](/component/waypoint) — Dev Ahsan · $9 — Photo-first locations map
-   [No-key Store Locator](/component/no-key-store-locator) — Sean Weekes · $15 — UK store finder, no Google API key
-   [Geo Office Location](/component/geo-office-location) — Design Foundry · Free — Interactive Global Office Showcase
-   [Map Locator CMS](/component/map-locator-cms) — sherwin · $15 — Map Locator CMS is a flexible, interactive map component for Framer that helps you showcase stores, offices, properties, venues, service…