Two airports, one plane, zero ink. A plane draws the route as your origin and destination pop in, with the flight duration counting up mid-air. Built with pure code, not canvas. Free, in your browser.
CONTENT
DISPLAY
ASPECT & TYPE
ANIMATION
COLORS
EXPORT
THE HTML DOWNLOAD IS A SELF-RUNNING FLIGHT ANIMATION — OPEN IT, FULLSCREEN AND SCREEN-RECORD FOR REELS. BUILT WITH CODE (DOM + SVG), NO CANVAS, SO EDGES STAY CRISP AT EVERY RESOLUTION. FONTS LOAD LOCALLY, NOTHING IS UPLOADED.
Every travel story eventually compresses into two codes and a curved line between them, and the flight route tool draws exactly that: a plane travels along a great circle style arc from your origin to your destination while the airport codes pop in and the trip duration counts up, with boarding pass details anchoring the whole fiction at the bottom of the frame.
It is the studio's answer to five thousand travel vlogs that all licensed the same stock clip of a plane crossing a flat map. Here the route is yours, the codes are yours, the timing is yours, and every element is procedurally drawn in your browser so the edges are crisp at any resolution and the export has no watermark anywhere near it.
The renderer calculates the real coordinates behind your origin and destination, places both airports on a clean chart, and animates a plane along a curved path that respects how flights actually look on a projection rather than how a spreadsheet imagines them. The origin code lands first, the destination appears as the plane arrives, and the duration counter climbs for the whole journey so the audience feels the distance rather than being told about it.
Timing controls shape the storytelling. A delay before departure builds anticipation, fly speed sets how committed the journey feels, and the stagger between the codes keeps the reveal sequenced instead of everything arriving at once like an unsorted inbox. Boarding pass details, gate, class, whatever your fiction needs, sit at the frame's bottom like the small print of a real trip.
Travel vloggers open episodes with the route before any footage plays. Remote work narrators show the leap between cities in three seconds. Moving announcements reduce an emotional upheaval to one elegant arc, and comedy channels connect two increasingly wrong destinations for the punchline. Any edit where location changes matter benefits from one tool that treats geography as a narrative beat instead of a trivia card.
The curve is the aesthetic. Straight lines belong to spreadsheets and budgets, while the arc suggests the planet, weather and honest distance, so the tool never shortens a route into a straight connector. Sync the counter's finish with the plane's arrival for the small choreography that audiences feel without naming it: a journey that ends exactly when the duration claims it did quietly teaches your audience that you sweat details, which is a reputation worth its render time.
Exports follow the studio contract: rendered locally at sixty frames per second, watermark free, straight from the browser to your machine. The GIF covers feeds and inline placements, the video fits timelines underneath a gate ambience swell or a good whoosh, and the PNG still with both codes visible works as a chapter card or thumbnail. Since the whole route is procedural, switching airports re-renders a brand new fiction in seconds, so location scouting costs you exactly nothing.
The route belongs wherever distance is the plot: moves, tours, remote work chapters, reunions and the increasingly popular genre of explaining to your family where you actually are. Two codes and a curve communicate more geography in three seconds than a paragraph ever negotiates, and the duration counter forces the story to admit travel takes time, which is a truth most montages flatter away.
It also serves sports and esports edits, two cities and a rivalry, one curved line and a counter that reads like a score sheet for geography itself.
Pair it with the flip board for departures, the paper flight when the story wants the whole map, and the match cut for the landing announcement. The studio's travel department is deliberately opinionated: one tool draws the line, one draws the world, one announces the result.
Pipeline note: render routes at the same aspect as the flip boards in the same series, and hold the arrival frame long enough for a lower third if your edit names the destination twice.
From gate assignment to touchdown.
No mystery sliders.
The tiny decisions with outsized impact.
The small errors the builder has personally committed.
The flight route turns distance into drama with two codes and one curve. When the journey deserves a whole map instead of a route, hand the story to its cousin the paper flight next door.