Event dashboard UI - v0 by VercelEvent dashboard UI - v0 by Vercel
Create a modern dashboard UI for an event management platform.
Include sidebar navigation, analytics cards, and upcoming events list.
Clean minimal style, light gray background, blue accent color.
2d ago
Now let me read the relevant UI components I'll use:
Now I have all the context I need. Let me build the dashboard. I'll start by updating the theme, then create the components.
Now let me create the dashboard components:
Now let me create the ticket performance card and the main page:
The event management dashboard is ready. Here's what I built:
Sidebar Navigation — A fixed left sidebar with main nav items (Dashboard, Events, Attendees, Tickets, Analytics, Messages) plus bottom utility links (Help, Settings, Log Out), with a responsive mobile drawer that slides in/out
Header — Sticky top bar with a search input, "New Event" CTA button, notification bell with a badge, and user avatar
Analytics Cards — Four stat cards showing Total Events, Total Attendees, Tickets Sold, and Revenue with trend indicators (green up / red down arrows)
Charts Section — An area chart for monthly attendance growth and a bar chart for ticket sales breakdown by event category, both built with Recharts
Upcoming Events — A detailed list of 5 upcoming events with organizer avatars, dates, locations, attendee counts, and status badges (Confirmed, On Sale, Draft)
Recent Activity Feed — A timeline of recent team actions like creating events, selling tickets, and updating venues
The theme uses a soft gray background (oklch(0.965)) with a blue accent (oklch(0.55 0.19 260)) throughout, keeping everything clean and minimal.