Skyport Flight Operations Dashboard

Overview

Skyport is a flight operations dashboard for a small airline. The overview has KPIs, a mini world map and an en-route panel, and a full-screen live map tracks flights along great-circle routes.

Maps come from mapcn and flight routes from flightcn, which includes 1,189 IATA airports, so no external API is needed. Flights, fleet and airports pages add filters, maintenance windows and per-airport weather, and a validated dialog schedules new flights.

Skyport is one of 20 templates in the Shadcn Admin Dashboard Kit, sold as a single $129 download. It's built with Next.js 16, React 19, Tailwind CSS v4 and shadcn/ui, and runs on mock data you can replace with a real API.

Because it uses the standard shadcn/ui theme variables, it can be restyled with any theme from Shadcn Themes.

Pages

• Overview: kPIs, mini live world map, en-route panel, hourly traffic chart, maintenance window, region distribution
• Live Map: full-bleed mapcn + flightcn with layer / animation toggles and a tracked-flights aside that focuses a single route on selection
• Flights: status + kind pill filters, sort dropdown, grid or list of flight cards / rows with progress and delay tone
• Fleet: aircraft cards with gradient livery hero, capacity / range / year stats, cycles bar and MX urgency tone
• Airports: coverage map of managed airports + region pills + cards with traffic, on-time rate, weather and delay level

Features

• Live flight map with great-circle routes
• New flight dialog with aircraft, route and crew
• Flight filters by status and type
• Fleet cards with maintenance urgency
• Airports with weather and on-time rates
• Area, bar and line traffic charts