Dashboard template

A live air-traffic and flight operations dashboard.

An airline ops console: track live flights on a real map, manage your fleet and network, and schedule new departures. Five routes powered by mapcn and flightcn.

Get full access — $169Live preview
skyport screenshot
  • Dashboard
  • 5 routes
  • Radix UI + Base UI
  • 42 color themes
About this template

What ships in Skyport.

Skyport is a polished flight operations dashboard for a small airline. Five routes: an Overview with KPIs, a mini live world map and en-route panel; a full-screen Live Map with a tracked-flights side panel and a focusable selected route; a Flights list with multi-select status / kind pills, sort and grid/list views; a Fleet of aircraft cards with livery accents and maintenance windows; and an Airports browser opening with a coverage map and per-region pills.

Real maps via mapcn (MapLibre GL under the hood) and great-circle flight routes via flightcn — both registered with the shadcn CLI so they install side-by-side with the rest of the UI primitives. The flightcn registry ships 1189 IATA airports out of the box, so origin / destination IATA codes resolve to coordinates without any external API.

Everything runs client-side against a Zustand store seeded with deterministic mock data: 17 managed airports, 12 aircraft and 18 flights spanning every status. The header New flight button opens a fully validated dialog that pushes onto the live store with great-circle distance and heading pre-computed.

Pages & navigation

5 routes, all polished and wired up.

  • Overview/

    KPIs, mini live world map, en-route panel, hourly traffic chart, maintenance window, region distribution

  • Live Map/live-map

    Full-bleed mapcn + flightcn with layer / animation toggles and a tracked-flights aside that focuses a single route on selection

  • Flights/flights

    Status + kind pill filters, sort dropdown, grid or list of flight cards / rows with progress and delay tone

  • Fleet/fleet

    Aircraft cards with gradient livery hero, capacity / range / year stats, cycles bar and MX urgency tone

  • Airports/airports

    Coverage map of managed airports + region pills + cards with traffic, on-time rate, weather and delay level

Built-in features

Everything wired and ready to go.

  • Track live flights on a real world map with great-circle routes and animated planes
  • Schedule a new flight via a validated dialog that picks aircraft, IATA pair and crew
  • Filter flights by status and type, sort by departure / number / status / delay
  • Pin priority flights so they float to the top of every list
  • See aircraft maintenance windows with overdue / urgent tone at a glance
  • Browse airports with weather, on-time rate and traffic per region
  • Switch between area, bar and line traffic charts with split or total series
One payment. Every template.

Get Skyport and the full library.

$169 one-time gives you instant access to every template — including Skyport — both Radix UI and Base UI versions, and a commercial license for unlimited projects.

Get full access — $169Browse all templates