@flightcn
Flightcn is a specialized shadcn registry component set for rendering flight-route and satellite-orbit visualizations on MapLibre-powered maps via the mapcn ecosystem. It provides FlightAirport (single airport marker from IATA code), FlightRoute (great-circle arc between two airports), FlightRoutes (multiple independent routes), FlightMultileg (connected multi-leg journeys), and SatelliteOrbit (globe-based orbital ground tracks with animated markers and custom SVG support). Includes a built-in airport registry with IATA code, name, city, country, and coordinates. Handles antimeridian, hover states, animated paths, and optional airport labels. Use for: adding interactive great-circle flight maps or satellite orbit overlays to a Next.js/MapLibre project that already uses mapcn, with minimal custom geographic math.
Install this registry
npx shadcn@latest add https://flightcn.yencheng.dev/r/registry.json pnpm dlx shadcn@latest add https://flightcn.yencheng.dev/r/registry.json bunx shadcn@latest add https://flightcn.yencheng.dev/r/registry.json curl -s https://flightcn.yencheng.dev/r/registry.json Components
13 totalComposable flight map components for routes, live tracking, weighted networks, geodesic ranges, aircraft trails, traffic flow, and a built-in 515-airport datab…
npx shadcn@latest add https://flightcn.yencheng.dev/r/flight.json A globe-based satellite orbit overlay with animated motion, ground tracks, and custom SVG marker support.
npx shadcn@latest add https://flightcn.yencheng.dev/r/satellite.json Search airports, explore featured routes, and arrange multiple stopovers to compare flight legs, distance and estimated time in the air.
npx shadcn@latest add https://flightcn.yencheng.dev/r/flight-route-picker.json Live flight progress on the map beside an operations card with altitude, speed, remaining distance, and a playback scrubber.
npx shadcn@latest add https://flightcn.yencheng.dev/r/flight-tracker-dashboard.json Weighted hub-and-spoke route network with a ranked destination sidebar and two-way airport highlighting.
npx shadcn@latest add https://flightcn.yencheng.dev/r/airline-network-dashboard.json Searchable panel over the built-in 500+ airport database with fly-to markers on selection.
npx shadcn@latest add https://flightcn.yencheng.dev/r/airport-search-map.json Recorded flight track replay with an altitude-graded trail, dashed planned continuation, and a playback scrubber.
npx shadcn@latest add https://flightcn.yencheng.dev/r/aircraft-trail-replay.json Operations dashboard with live KPI cards, a multi-flight tracking map, and an en-route sidebar that focuses flights on selection.
npx shadcn@latest add https://flightcn.yencheng.dev/r/flight-ops-overview.json Animated aircraft flowing along weighted global corridors with density presets and toggleable route guides.
npx shadcn@latest add https://flightcn.yencheng.dev/r/live-traffic-flow.json Status-filterable departure list that draws the selected flight on the map — live progress for airborne flights, dashed routes for the rest.
npx shadcn@latest add https://flightcn.yencheng.dev/r/departures-board.json Compare aircraft reach from a departure airport, with labeled 75% and maximum-range boundaries and a live destination count.
npx shadcn@latest add https://flightcn.yencheng.dev/r/aircraft-range-explorer.json Region-filtered airport coverage map above a stats card grid with two-way selection between cards and markers.
npx shadcn@latest add https://flightcn.yencheng.dev/r/network-coverage-grid.json Multi-satellite orbit constellation on a globe with per-satellite visibility toggles and orbital metadata.
npx shadcn@latest add https://flightcn.yencheng.dev/r/satellite-orbit-tracker.json