shadcn charts vs ssych for trading screens
shadcn/ui ships a chart set built on Recharts: area, bar, line, pie, radar and radial charts, with tooltips. It is the default in most shadcn projects and it is very good at business charts. A trading screen asks for other shapes, like candles with volume, a depth chart or a volume profile. That is where ssych fits, through the same shadcn CLI.
Checked on each project's own site and GitHub on 9 November 2026. Sources at the foot of the page.
Short answer
Keep shadcn charts for KPIs, revenue and usage. Add ssych parts for the trading shapes shadcn charts do not list. They share the CLI and the Tailwind setup, so they sit together in one project.
| Topic | shadcn/ui charts | ssych |
|---|---|---|
| Charts drawn with | Recharts v3 | Plain SVG, no chart library |
| Chart types | Area, bar, line, pie, radar, radial, plus tooltips | Candlestick with volume, depth chart, volume profile, order flow, moving averages, drawdown, range navigator, heatmaps and more |
| Candlestick or OHLC | Not in the chart list | Yes, with a volume pane, a crosshair and an OHLC readout |
| Install | npx shadcn@latest add chart | npx shadcn@latest add @ssych/<name> |
| Theming | CSS variables such as --chart-1 | Tailwind classes in the installed file |
| License | MIT | MIT |
| Community | 127k GitHub stars on shadcn/ui | New in 2026, one maintainer, a small community |
Where shadcn/ui charts is the better pick
- It is the default, with a huge community behind shadcn/ui.
- Recharts underneath: a mature chart engine with full docs, so most business charts are a config away.
- Colours come from CSS variables you already have.
Where ssych fits better
- Trading shapes: candles with volume, market depth, volume profile and order flow.
- No chart runtime. The SVG is in the file you install.
The ssych parts, live
Each one installs with npx shadcn@latest add @ssych/<name> and lands in your repo as source.
- AlphabetGOOGL
$187.65
+$19.65 · +11.7%15 days
Candlestick Chart
A candlestick chart with a volume histogram, a magnet crosshair and a live OHLC legend, for stock and crypto trading terminals.
- BTC-USD
67,412.5
Spread 1.0
Depth Chart
A market depth chart for crypto exchanges showing bid and ask liquidity around the mid price, with a readout of size on each side.
Volume Profile
A volume profile chart of traded volume by price with the point of control and value area, for futures and crypto traders.
Order Flow
An order flow chart of the last 48 trades as bars sized by volume and coloured by side, for crypto and futures trading terminals.
SMA Chart
A stock price chart with 20 and 50 day simple moving average overlays and crosshair scrubbing, for trading and technical analysis screens.
Equity & Drawdown
An equity curve with a synced drawdown chart for backtests and trading performance, one crosshair reading return, drawdown and days below peak.
Questions
- Does shadcn/ui have a candlestick chart?
- Its chart list on ui.shadcn.com shows area, bar, line, pie, radar and radial charts, with no candlestick or OHLC chart, as of 9 November 2026. You can build one on Recharts yourself, or install one: npx shadcn@latest add @ssych/candlestick.
- Do I need Recharts for the ssych charts?
- No. They are plain SVG in React, so the only dependencies are small utilities like clsx and motion.
Sources
Each opened on 9 November 2026. Something out of date? Tell us and we will fix the page.