Shadcn.io is not affiliated with official shadcn/ui
Map Flight Routes
React flight route visualization block for Next.js with curved route arcs, airport markers, airline badges, flight info tooltips, and route selection using mapcn map components and Tailwind CSS
Visualize flight routes on an interactive world map with this React and Next.js block. Browse airline connections with curved arc paths, airport markers with IATA codes, flight duration tooltips, and airline filtering. Built with TypeScript, mapcn Map, MapMarker, MapRoute, and MarkerTooltip components, and Tailwind CSS. Perfect for travel booking platforms, airline dashboards, and aviation analytics tools.
Related Components
Map Route Planner
Multi-stop route planning
Map Neighborhood Guide
Neighborhood amenities map
Map Parking Finder
Parking availability map
Map Wildlife Tracker
Wildlife migration tracker
Map Store Locator
Store location finder
FAQ
Was this page helpful?
Sign in to leave feedback.
Fleet Tracker
React fleet vehicle tracking dashboard map block for Next.js with animated truck markers, real-time status indicators, route paths, and vehicle info tooltips using mapcn map components, shadcn/ui, and Tailwind CSS
Flood Zones
Interactive flood zone risk map with colored risk level zones, historical flood markers, infrastructure at-risk indicators, and zone detail cards built with mapcn, shadcn/ui, and Tailwind CSS