Shadcn.io is not affiliated with official shadcn/ui
Dashboard-style with Stats
A data-rich navigation menu displaying live statistics with trend indicators, reports grid, and dashboard-style analytics for quick metric access
When analytics platforms need navigation that doubles as a dashboard preview—show the data! This React navigation menu displays 4 live stats (Active Users, Revenue, Conversions, Bounce Rate) with trend badges showing up/down percentages, plus Reports and Custom Reports grids below. Built with shadcn/ui NavigationMenu, Badge, and Radix UI with Lucide React icons, users see key metrics without leaving navigation—perfect for analytics dashboards, admin panels, monitoring tools, or any app where data preview guides navigation decisions.
Dashboard-style with Stats preview
Installation
Related Components
Full Mega Menu
Comprehensive feature menu layout
Stats Card
Metric display with trends
Mixed Content Types
Mega menu with varied content
Badge
Status and count indicators
Dashboard Grid
Metrics dashboard layout
Standard Navigation Menu
Basic navigation dropdowns
FAQ
Was this page helpful?
Sign in to leave feedback.
Tabbed Mega Menu
A mega menu combining NavigationMenu with Tabs component for categorized content switching between Web, Mobile, and Infrastructure product sections
Mixed Content Types
A versatile mega menu combining solution cards with badges, promotional webinar sidebar, and multiple CTA buttons for mixed marketing and navigation content