Sparkline

Premium

Charts

Tiny inline chart for dashboards with animated line drawing and optional end dot.

Dependencies:

framer-motion

Full

Revenue

$12,450+23%

Bounce Rate

32.5%-8%

Active Users

2,847~0%

Preview

Interactive

Installation

1. Install dependencies

npm install framer-motion

2. Copy the component

Copy the source code from the Code tab above and save it to your components folder.

3. Import and use

import { Sparkline } from '@/components/Sparkline'

Line, bar, and area charts with animated entrance, tooltips, and responsive grid.

Animated donut/pie chart with spring animations, hover effects, and center content.