# The best trading dashboard components for React

> Six React options for trading dashboards: Lightweight Charts, AG Grid, ssych, ReUI, Tremor and shadcn charts. What each is best at. Checked 9 Nov 2026.

A trading dashboard needs three kinds of parts: price charts, tables that hold many rows, and the market panels around them, like the order book and the order ticket. No single library does all three best. This list says what each one is good at. We make ssych, so read its entry with that in mind.

Facts about other libraries checked on 9 November 2026 (2026-11-09); sources at the end.

## Short answer

For most trading products a mix works: Lightweight Charts for the main price chart, a data grid for very long tables, and ssych for the order book, tape, tickets and the panels around them. If the screen is mostly KPIs, Tremor or shadcn charts are enough.

## The libraries

### 1. TradingView Lightweight Charts

- Best for: The main price chart, with long histories you pan and zoom
- What it is: A canvas library for financial charts from TradingView, with area, bar, baseline, candlestick, histogram and line series. Apache 2.0, 17.8k GitHub stars.
- Watch out for: Charts only: no tables or order entry. Its licence asks you to name TradingView as the creator on a public page.
- Link: https://github.com/tradingview/lightweight-charts

### 2. AG Grid

- Best for: Very large tables
- What it is: A data grid for React and other frameworks that renders only the rows on screen. The Community edition is MIT. Row grouping, pivoting and integrated charts need a paid Enterprise licence.
- Watch out for: A general grid, so the trading look and the market panels are yours to build. Pricing for customer facing apps goes through sales.
- Link: https://www.ag-grid.com/license-pricing/

### 3. ssych

- Best for: The market panels: order book, depth, tape, tickets, positions
- What it is: 116 free MIT components, installed with the shadcn CLI, with charts drawn in SVG and no chart library. Full screens such as a trading terminal are paid.
- Watch out for: Young, one maintainer, small community. Its tables do not virtualise, and the candlestick has no pan or zoom.
- Link: https://ssych.com/library/home

### 4. ReUI

- Best for: The app screens around the trading view, and a strong data grid
- What it is: 1,264 free shadcn components, a TanStack data grid with virtualised rows, Recharts charts, and Pro blocks from $249 paid once.
- Watch out for: No candlestick or order book in its catalogue.
- Link: https://reui.io/

### 5. Tremor

- Best for: KPI cards and business charts
- What it is: 35+ open source components and 300+ free blocks on Tailwind, Radix UI and Recharts. Owned by Vercel since January 2025.
- Watch out for: No trading parts. Its copy and paste repo had its last commit in October 2025.
- Link: https://www.tremor.so/

### 6. shadcn/ui charts

- Best for: Standard charts inside a shadcn project
- What it is: Area, bar, line, pie, radar and radial charts on Recharts v3, MIT, part of shadcn/ui.
- Watch out for: No candlestick or depth chart in its list.
- Link: https://ui.shadcn.com/charts/area


## The ssych parts

- Order Book: `npx shadcn@latest add @ssych/order-book` (https://ssych.com/library/order-book.md)
- Candlestick Chart: `npx shadcn@latest add @ssych/candlestick` (https://ssych.com/library/candlestick.md)
- Trade Tape: `npx shadcn@latest add @ssych/trade-tape` (https://ssych.com/library/trade-tape.md)
- Order Ticket: `npx shadcn@latest add @ssych/order-ticket` (https://ssych.com/library/order-ticket.md)
- Positions Table: `npx shadcn@latest add @ssych/positions-table` (https://ssych.com/library/positions-table.md)
- Depth Chart: `npx shadcn@latest add @ssych/depth-chart` (https://ssych.com/library/depth-chart.md)

## Questions

### Which React library has an order book component?

Of the six here, ssych is the one that ships an order book, with a depth chart and a trade tape beside it. With the others you build it yourself.

### Is TradingView Lightweight Charts free?

Yes, under Apache 2.0. Its licence asks you to name TradingView as the creator: the docs ask for the attribution notice and a link to tradingview.com on a public page of your site or app.

## Sources

- GitHub: tradingview/lightweight-charts: https://github.com/tradingview/lightweight-charts
- Lightweight Charts docs: series types and attribution: https://tradingview.github.io/lightweight-charts/docs
- AG Grid: licence and pricing: https://www.ag-grid.com/license-pricing/
- AG Grid docs: DOM virtualisation: https://www.ag-grid.com/react-data-grid/dom-virtualisation/
- reui.io: https://reui.io/
- ReUI full catalogue: https://reui.io/llms-full.txt
- tremor.so: https://www.tremor.so/
- Vercel acquires Tremor: https://vercel.com/blog/vercel-acquires-tremor
- GitHub: tremorlabs/tremor: https://github.com/tremorlabs/tremor
- shadcn/ui charts: https://ui.shadcn.com/charts/area

Page: https://ssych.com/library/compare/best-trading-dashboard-components-react