# Balance Chart

> A wallet balance chart for crypto and banking apps: an area line coloured by trend, with high and low marks and timeframes from 1H to All.

A React component for shadcn/ui and Tailwind CSS, from ssych ui (https://ssych.com). Free, MIT licensed, the source lands in your repo.

## Install

```bash
npx shadcn@latest add @ssych/balance-chart
```

npm dependencies: clsx, motion, tailwind-merge

## Where it belongs

- Dashboard: Dark dashboard components for React, Next.js and Tailwind: KPI rows, heatmaps, balance charts, gauges and the navigation around them. (https://ssych.com/library/s/dashboard)
- Charts: SVG chart components for React and Tailwind: candlesticks, drawdowns, donuts, radars, heat calendars and KPI charts, with no charting dependency. (https://ssych.com/library/s/charts)

## Related

- KPI Card Row: https://ssych.com/library/kpi-card-row.md
- Market Heatmap: https://ssych.com/library/market-heatmap.md
- Health Gauge: https://ssych.com/library/health-gauge.md
- Index Card: https://ssych.com/library/index-card.md
- Holdings Table: https://ssych.com/library/holdings-table.md
- Donut Chart: https://ssych.com/library/donut-chart.md
- Sankey Diagram: https://ssych.com/library/sankey-flow.md
- Sidebar: https://ssych.com/library/sidebar.md

## Links

- Live preview and code: https://ssych.com/library/balance-chart
- Source: https://github.com/savvasicevs/ssych-ui
- All components: https://ssych.com/llms-full.txt