HTML Dashboard UI Templates

A complete dashboard layout: collapsible sidebar, top bar with search and profile, KPI cards, revenue chart and recent orders table.

A full customer table: search, status filter, sortable columns, row checkboxes with a bulk-action bar, and pagination. All working.

An analytics view with a hoverable line chart and tooltip, a traffic-source donut with legend, and a device bar list. Pure SVG.

Account settings with a side tab menu, profile form with avatar upload, notification toggles and a sticky save bar that appears on change.

Four ready-made empty states (no data, no results, all caught up, no access), each with an icon illustration, short copy and actions.

A bell-icon dropdown with All / Mentions tabs, unread dots, inline accept buttons and "mark all as read". Keyboard and Esc friendly.

A project board with four columns, task cards (labels, avatars, due dates, comments, progress) and drag-and-drop between columns.

A five-day calendar grid with timed events, a "now" line, mini month picker and upcoming list. Event blocks are positioned with simple CSS.

A billing page: current plan card, usage meters with limits and warnings, payment method and an invoice history table with download links.

Manage a team: invite by email with a role picker, a member list with role selects and remove buttons, plus pending invites you can resend.

A three-pane inbox: folders, a message list with unread and starred states, and a reading pane with reply box. Messages open on click.

A dashboard for a local business: today's takings and bookings, staff availability, and an appointment list with check-in buttons. Built for salons and clinics.

A project management timeline: task list with owners and progress, week columns, coloured bars by phase, a today line, milestone diamond, zoom (weeks/months) and phase filter.

A personal finance dashboard: month switcher, income vs spend, a spending donut, budget bars that turn amber or red when over, savings goal ring and recent transactions with category icons.

A support team queue: views with counts, SLA countdown bars that go red near breach, priority and status tags, assign-to-me, bulk select, and a ticket preview pane with customer details.

A shop inventory screen: stock KPIs, low-stock filter, stock bars against reorder point, warehouse tags, inline quantity edit and a reorder drawer that builds a purchase order.

A logistics dashboard: live map with driver pins and routes, driver list with progress and ETA, a selected-driver panel with next stops, and delivery KPIs for the day.

A GP surgery reception board: today's clinicians with room status, a patient queue with wait times and arrival state, check-in and call-to-room actions, and an announcement banner preview.

A growth dashboard: date range presets, a conversion funnel with step-to-step rates, channel table with sparklines, cost per acquisition and a top campaigns list.

A team file manager: storage usage by type, grid/list toggle, type filter chips, file cards with icons, owner and date, select with bulk actions, and a details panel for the selected file.

A dark infrastructure dashboard: service health cards with CPU and memory gauges and sparklines, a latency chart with p50/p95, an alert banner, and a live log stream with level filter and pause.

A sales team leaderboard: team quota progress, a podium for the top three, a ranked list with quota bars, deals won and weekly trend sparklines, and a quarter switcher.

An HR people screen: search and team filters, a directory card grid with presence and location, a profile drawer, and a toggle to an org chart view showing who reports to whom.

A classroom gradebook: students by assignment with editable scores coloured by band, missing-work flags, class averages per assignment, attendance, and a "needs support" summary.

A dark kitchen display for a pizza restaurant: order tickets with live timers that turn amber then red, per-item tick-off, modifiers highlighted, station filter and a bump button that clears finished tickets.

A front-desk room grid by floor: colour-coded room tiles (occupied, arriving, departing, cleaning, ready, out of order), status filter with counts, occupancy ring and a room detail panel with guest and housekeeping actions.

An e-commerce admin order page: items with quantities, a fulfilment timeline, customer and address cards, internal notes and a refund drawer where you pick items and a reason and see the refund total update.

A SaaS revenue screen: MRR, net new, churn and ARPA KPIs, a 12-month MRR bar chart with the current month highlighted, a movement breakdown (new, expansion, churn) and a cohort retention heatmap.

An applicant tracking screen for one role: stage funnel with counts, a candidate table filtered by stage with ratings and next steps, and a candidate panel with an interview scorecard and move-stage action.

A dark home energy screen: live power flow (solar, battery, grid, home), today's solar vs usage chart, battery ring, cost today vs yesterday, and device switches that change the home load figure.

A social and email content calendar for November: month grid with colour-coded post chips by channel and status (published, scheduled, draft), channel filter chips, a "this week" queue and counts.

An estate agent's listings screen: property cards with illustrated houses, status badge, views sparkline, enquiries and viewings, a "needs attention" flag for slow listings and a sort control.

A customer survey results screen: NPS gauge with promoter/passive/detractor split, response rate, answer bars per question, and a filterable comments list by sentiment with word cloud chips.

A personal investment dashboard: total value with gain, a treemap of holdings sized by allocation (focus or hover to see details), asset-class split, a target vs actual drift check with rebalance prompt and recent transactions.

A conference organiser screen: revenue and tickets sold, a daily sales line with an annotated spike, tier capacity bars, live door check-in progress with a scan field, and a recent attendees feed.

A manager's expense approval queue: claims list with policy flags, select-all with bulk approve, a receipt preview panel for the selected claim, approve/reject with a reason, and pending totals by category.