Back to components
Data component

Charts & Dashboard Grid

Responsive dashboard grid with bar, line, pie, and area charts on Recharts.

Browse all components

Install

$ Run in your project root
pnpm dlx shadcn@latest add https://vibekit.desishub.com/r/charts-grid.json

What it does

  • Bar, line, pie, and area chart variants
  • Reusable ChartCard wrapper with title, description, and fullscreen toggle
  • Responsive 1 → 2 → 4 column grid
  • Loading skeletons and empty states baked in

When to use

Use it

Analytics dashboards, reporting screens, KPI overviews, admin metrics.

Skip it

Single-chart pages — drop Recharts in directly instead of installing the full grid.

Prerequisites

  • shadcn/ui (card, tabs, skeleton, button, badge)
  • recharts (installed automatically)

Related components

Data

Data Table