For React · Recharts · Apache ECharts

Make your data
worth looking at.

Interactive chart components for React. Each one is designed around a question, styled with your shadcn/ui theme, and installed as source you own.

npx shadcn@latest add https://beautifulcharts.dev/r/signal-ribbon.json
40 free chartsInstalls with the shadcn CLIMIT licensed

Featured charts

View the collection
Free

Delta Bridge

Recharts

Reconcile an opening balance, positive and negative changes, and a closing total.

Free

Follow cohorts with fixed denominators and distinguish unobserved periods from zero.

Free

Locate recurring activity peaks across days and hours with missing slots kept explicit.

One component, fully considered

No assembly required.

Responsive behavior, accessible labels, reduced-motion support, tooltips, and design tokens arrive together. Change the data and the accent. Keep the craft.

  • Installs through the shadcn CLI
  • Built on familiar charting engines
  • No runtime account or lock-in
01

Original by default

Every visual starts with a story and a blank canvas—not a copied screenshot.

02

Code you can own

Free charts install into your project. Inspect them, edit them, and ship them.

03

Designed as a system

Typography, motion, tooltip behavior, and responsive states are considered together.

The chart should never be the boring part.

Start with the open library today. A premium pack of story charts is in development.

Explore charts