Not affiliated with official shadcn/ui. Visit ui.shadcn.com for official docs.
React Table Block Flight Status
Table component with flight status board showing departures, arrivals, gates, and real-time status updates for React travel dashboards
Looking to implement shadcn/ui blocks?
Join our Discord community for help from other developers.
Build your airport dashboard on Next.js with this flight status table component. Features flight numbers with airline logos, departure and arrival cities, scheduled and actual times, gate numbers, terminal indicators, and real-time status badges for on-time, delayed, boarding, and cancelled flights. Built with shadcn/ui Table, Badge, and Avatar components using Tailwind CSS and Lucide icons. The departure board layout enables quick flight tracking perfect for airport displays, travel apps, airline dashboards, booking platforms, or any React app displaying flight information.
Flight Information
12 flights · 7 departures · 5 arrivals
| Flight | From | To | Scheduled | Estimated | Gate | Status |
|---|---|---|---|---|---|---|
UA UA 1847 United Airlines | SFO San Francisco | JFK New York JFK | 08:30 | — | B24 | On Time |
DL DL 482 Delta Air Lines | LAX Los Angeles | SFO San Francisco | 08:45 | 09:15 | A12 | Delayed +30m delay |
AA AA 1156 American Airlines | SFO San Francisco | ORD Chicago ORD | 09:00 | — | C8 | Boarding |
WN SW 2341 Southwest Airlines | DEN Denver | SFO San Francisco | 09:15 | 09:12 | A5 | Arrived |
UA UA 892 United Airlines | SFO San Francisco | LHR London LHR | 09:30 | 11:45 | G15 | Delayed +2h 15m delay |
AS AS 1432 Alaska Airlines | SEA Seattle | SFO San Francisco | 09:45 | — | D3 | On Time |
B6 B6 624 JetBlue Airways | SFO San Francisco | BOS Boston BOS | 10:00 | — | TBD | On Time |
DL DL 1789 Delta Air Lines | SFO San Francisco | ATL Atlanta ATL | 10:15 | — | A18 | Cancelled |
UA UA 456 United Airlines | IAH Houston | SFO San Francisco | 10:30 | — | B9 | On Time |
AA AA 2890 American Airlines | SFO San Francisco | MIA Miami MIA | 10:45 | 10:55 | C12 | Delayed +10m delay |
NK NK 178 Spirit Airlines | LAS Las Vegas | SFO San Francisco | 11:00 | 10:48 | D7 | Arrived |
UA UA 2156 United Airlines | SFO San Francisco | NRT Tokyo NRT | 11:15 | 11:10 | G22 | Departed |
Installation
Related blocks you will also like
Table with Status History
Status tracking
Table with DateTime Formatting
Flight times
Table with Color Indicators
Status colors
Table with Badge Counters
Delay times
Table with Quick Filters
Filter flights
Table with Sortable Columns
Sort by time