I just launched Trip Replay, my last project of 2025.
There are already tools that create animated travel maps, but they are almost all paid apps. Some charge per export, others require a subscription. I wanted something I could use myself without friction. So I built a free, web-based alternative.
How it works: It runs entirely in the browser using Next.js and the Canvas API.
* Rendering: It draws the map (using D3-geo) and the path frame-by-frame on a hidden canvas.
* Encoding: Instead of a server-side render, it uses WebCodecs to encode the video directly on the client.
* Privacy: Since it's client-side, no data leaves your device (except location search via API).
The output is a 1080p vertical video (9:16) ready for social media.
I just launched Trip Replay, my last project of 2025.
There are already tools that create animated travel maps, but they are almost all paid apps. Some charge per export, others require a subscription. I wanted something I could use myself without friction. So I built a free, web-based alternative.
How it works: It runs entirely in the browser using Next.js and the Canvas API.
* Rendering: It draws the map (using D3-geo) and the path frame-by-frame on a hidden canvas. * Encoding: Instead of a server-side render, it uses WebCodecs to encode the video directly on the client. * Privacy: Since it's client-side, no data leaves your device (except location search via API).
The output is a 1080p vertical video (9:16) ready for social media.
I launched it on Product Hunt today as well if you'd like to support it there: https://www.producthunt.com/products/trip-replay
The app is live here: https://tripreplay.app
Would love to hear your feedback!