Chart
Beautiful charts built using Recharts with theme support. Includes bar, line, area, and pie chart variants.
Preview
Bar Chart
Desktop vs mobile visitors, Jan–Jun
Installation
Install the package using your preferred package manager:
npx shadcn@latest add @airy/chartUsage
Import the component from the package:
import { Chart } from "@/registry/ui/chart"Then use it in your application:
<Chart />Examples
Default
Bar Chart
Desktop vs mobile visitors, Jan–Jun
Line Chart
Line Chart
Revenue vs expenses over 6 months
Area Chart
Area Chart
Monthly visitors with filled area
Pie Chart
Pie Chart
Browser usage breakdown