Chart

Interactive line chart with a cursor-tracked tooltip card, snap-to-point hover, and built-in X-axis labels.

Library

Spell UI

Framework

React

Type

component

License

MIT

Install

npx shadcn@latest add "https://spell.sh/docs/chart.md"

Files

• registry/spell-ui/chart.tsx
• lib/utils.ts
• lib/config.ts

Source

https://github.com/xxtomm/spell-ui

Categories

• Chart Components
• React Chart Components
• Tailwind CSS Chart Components
• Animated Chart Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Animated Data Display Components
• Line Chart Components
• React Line Chart Components
• Tailwind CSS Line Chart Components
• Animated Line Chart Components

More from Spell UI

• Animated Checkbox
• Animated Gradient
• Badge
• Bars Spinner
• Blur Reveal
• Color Selector
• Copy Button
• Exploding Input
• Fallback Avatar
• Flow Button
• Gradient Wave Text
• Highlighted Text