Chart

Recharts chart primitives with theme-aware color tokens, a responsive container, and styled tooltip and legend content.

chartrechartsdatagraphdashboard

How do I install the Chart component?

Run the command below in a project with the shadcn CLI. It copies the component source into your repo and installs its dependencies.

npx shadcn@latest add https://www.saasuji.com/r/chart.json

Also available as a markdown reference for AI agents: /components/chart.md

Card

A surface container with header, title, description, content, and footer sections for grouping related information.

Progress

A determinate or indeterminate progress bar built on Base UI Progress, with label, value, track, and indicator primitives.

Number Ticker

An animated number that springs from a start value to its target when it scrolls into view, with configurable direction, delay, and decimal places.