Candlestick chart components for React
Price charts for trading and research screens, starting with a candlestick chart that shares one time axis with its volume pane and reads the bar under the cursor. Next to it are the charts traders keep open beside the candles. Every one is drawn in plain SVG with no chart library, so the shapes live in the file you install.
9 components. Install any of them with npx shadcn@latest add @ssych/<name>
- 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.
Volume Profile
A volume profile chart of traded volume by price with the point of control and value area, for futures and crypto traders.
- Amazon.com Inc.AMZN
$179.28
+$6.35 · +3.7%30 days
SMA Chart
A stock price chart with 20 and 50 day simple moving average overlays and crosshair scrubbing, for trading and technical analysis screens.
- Price historyNVDA
$143.85
+0.8%May 19 to Jul 30
Range Navigator
A price history chart with a range selector minimap; drag the window to pan and pull an edge to zoom, for trading and analytics apps.
- BroadcomAVGO
$179.81
+$1.01 · +0.57%past year
Price Scrubber
A stock price chart you scrub with a magnet crosshair and price and time badges on the axes, the headline price turning green or red against the open.
- Equity96 days
$11,570.26
+15.29%since start
Equity & Drawdown
An equity curve with a synced drawdown chart for backtests and trading performance, one crosshair reading return, drawdown and days below peak.
- Dec 26, indexed to Jan 3
Graph Comparison
A stock comparison chart that indexes up to four tickers to the same start, for relative performance from 1M to 1Y.
- Amazon.com Inc.AMZN
$301.45
+$122.93 · +68.9%all time
Market Snapshot
A stock price card with periods from 1D to All and a line chart you scrub for the price at any moment, for broker and market apps.
- Order flowBTC-USD
$64,309.04
+4.3309:30:18
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.
Questions
- Can it draw thousands of candles?
- It is built for the bars one screen shows at once, with a crosshair and a volume pane. It has no pan or zoom. For long histories you pan and zoom through, a canvas library such as TradingView Lightweight Charts fits better, and the two can sit on one screen.
- What data does the candlestick take?
- An array of bars with open, high, low, close and volume, plus a start time and an interval. Buy and sell markers are optional.
Browse by type
Install one in a minute
Every component here installs with the shadcn CLI and lands in your project as source you own.
Read the install guide