Shadcn UI Dashboard Block
Dashboard14 is a hospitality-focused dashboard built with shadcn/ui components, featuring a two-column layout with a collapsible inset sidebar, main content area with hotel KPIs and charts, and a fixed right panel for bookings management. The sidebar has grouped navigation for front office, property, revenue, and administration sections with collapsible submenus. The main area includes a header with user greeting and date controls, hotel stat cards showing occupancy rate, average daily rate, and RevPAR with trends, an occupancy stacked bar chart with above and below zero values for occupied versus not-ready rooms, a horizontal revenue bar chart with glowing segment highlights, and a recent arrivals table widget. The right bookings panel has a horizontal date strip navigator, month navigation, search, and tabbed booking lists for arrivals, in-house guests, and departures with expandable booking cards.
Card containers have rounded corners on a muted background. The occupancy chart is distinctive with bidirectional stacking showing positive occupied rooms and negative not-ready rooms below a zero reference line. The revenue chart uses a glow filter effect on active segments. The bookings panel features a horizontal date picker with five visible dates and navigation arrows. Booking cards include guest avatars, room details, source badges, and expandable special requests. Typography uses hospitality terminology throughout.
This is a highly specialized hospitality industry dashboard with domain-specific visualizations. The bidirectional occupancy chart and bookings panel with date navigation are unique elements not found in generic dashboards. The glow effect on revenue segments adds visual polish. Very complex with custom chart configurations, the date strip component, and detailed booking card UI. Requires hotel metrics like occupancy and RevPAR, room availability data by day, revenue by channel, and detailed booking records with guest information, room assignments, and special requests.
Dependencies
| Package | Type |
|---|---|
| lucide-react | NPM |
| react | NPM |
| recharts | NPM |
avatar @shadcn | Registry |
badge @shadcn | Registry |
button @shadcn | Registry |
card @shadcn | Registry |
chart @shadcn | Registry |
collapsible @shadcn | Registry |
dropdown-menu @shadcn | Registry |
scroll-area @shadcn | Registry |
select @shadcn | Registry |
sidebar @shadcn | Registry |
table @shadcn | Registry |
tabs @shadcn | Registry |