Block

Line Chart

Line chart with dual series support for trends over time

Installation

npx shadcn add @mylo-ui/chart-line

Performance

Monthly revenue and profit trends

Track your revenue and profit over time

Total Revenue

$35,000

+12.5%

Total Profit

$25,406

+8.2%

Profit Margin

72.6%

+2.1%

import { ChartLine } from "@/components/blocks/chart-line"

export default function Page() {
  return <ChartLine />
}

lucide-react

recharts

card

badge

button

More charts blocks you might like

Bar chart for comparing values across categories with target comparison

Pie chart showing part-to-whole relationships with breakdown

Area chart with gradient fills for showing cumulative data over time