ridemountainpig

ridemountainpig / flightcn

Public

flightcn is a flight route visualization component set built for the mapcn ecosystem

flightcn.yencheng.dev
57
2
100% credibility
Found Apr 06, 2026 at 48 stars -- GitGems finds repos before they trend. Get early access to the next one.
Sign Up Free
AI Analysis
TypeScript
AI Summary

flightcn provides map components to visualize airport locations and great-circle flight routes using IATA codes, with support for animations and multi-leg journeys.

How It Works

1
🌐 Discover flightcn

You stumble upon flightcn while looking for ways to show flight paths on maps, and visit its colorful demo website.

2
🗺️ Explore live examples

Play with interactive maps showing airports, curved flight routes, and even animated planes flying between places like Taipei to Los Angeles.

3
✨ Grab the quick setup

Copy the single ready-to-use command from the site that adds all the flight magic to your map project in seconds.

4
🛫 Pick your airports

Type in simple airport codes like TPE for Taipei or LAX for LA, and instantly see markers and smooth curved paths appear on your map.

5
🎉 Add flying planes

Turn on animations to watch little planes zip along the routes, looping back for round trips or pausing at stops.

6
📱 Customize freely

Tweak colors, labels, multiple routes, or journeys with stops, making your map feel personal and exciting.

✅ Share your flight map

Your interactive map with real flight routes is live and ready—perfect for travel blogs, apps, or planning dream trips!

Sign up to see the full architecture

5 more

Sign Up Free

Star Growth

See how this repo grew from 48 to 57 stars Sign Up Free
Repurpose This Repo

Repurpose is a Pro feature

Generate ready-to-use prompts for X threads, LinkedIn posts, blog posts, YouTube scripts, and more -- with full repo context baked in.

Unlock Repurpose
AI-Generated Review

What is flightcn?

flightcn is a TypeScript component set built for the mapcn ecosystem, letting you visualize flight routes on MapLibre maps with zero geo hassle. Drop in IATA codes like TPE to LAX, and it renders great-circle arcs, airport markers, labels, and even multi-leg journeys or animations. Install via shadcn registry with one command: `npx shadcn@latest add @flightcn/flight`.

Why is it gaining traction?

It plugs straight into mapcn and shadcn/ui workflows, handling antimeridian splits, hover tooltips with distances and ETAs, and plane animations without custom Turf math or datasets. Developers skip sourcing airport coords—everything's bundled—and get theme-aware styling that matches light/dark basemaps. The quick-start demo flies in seconds, hooking map-heavy apps fast.

Who should use this?

Frontend devs building travel sites, flight trackers, or dashboards needing route viz over raw maps. Suited for React/Next.js teams in the shadcn + mapcn stack visualizing flights, like itinerary planners or airline analytics. Skip if you're locked into Leaflet or need massive custom datasets.

Verdict

Solid early pick for mapcn users—clean docs, working demos, TypeScript-first—but only 19 stars and 1.0% credibility signal it's fresh; test in prod cautiously. Grab it if routes are core, otherwise watch for maturity.

(198 words)

Sign up to read the full AI review Sign Up Free

Similar repos coming soon.