BlocksDashboardDashboard 02

Dashboard 02

Pro

About this block

Dashboard 02 is a sales analytics dashboard layout with revenue KPI cards at the top, an interactive bar chart in the center, and a recent orders table at the bottom. Built with shadcn/ui Card, Table, and Chart components (wrapping Recharts), it supports both light and dark mode and handles responsive layout with a CSS grid. The KPI values, chart data, and table rows are all configurable via props — connect them to any data source or Supabase query.

When to use it

  • SaaS admin panels that need a revenue or analytics overview as the main dashboard view
  • Internal tools where key business metrics and recent activity need to be visible on one screen
  • Prototypes and demos where a professional-looking dashboard is needed quickly without custom design
  • Starter templates for B2B SaaS products where an analytics view is a core feature requirement

Notes

The chart uses Recharts via the shadcn/ui Chart component wrapper, which provides consistent theming with the rest of your UI. Connect the chart data to a Supabase aggregation query or an API endpoint that returns time-series revenue data.