Wick Charts
Wick Charts logoWick Charts

High-performance charting library for
React

Candlesticks, lines, areas, bars — streaming in realtime.
AI‑first, tiny bundle, zero deps, 20+ themes, fully open source.

React · Svelte · VueRealtimeThemeableMIT
BTC/USDLive Candlestick
14:51:15O41769H41893L41661C41808V433.22K
01234567890123456789012345678901234567890123456789
415004200042500
14:49:0014:50:0014:51:00
ETH/USDLive Area + Bands
14:51:153115.923108.813062.89
3100320030003300
14:35:0014:40:0014:45:0014:50:00
Portfolio10 assets · Live
100200300
14:35:0014:40:0014:45:0014:50:00
P&L DeltaLive Bar
050100
14:45:0014:50:00

Get started

Install the package, add the AI skill, and start building charts.

1. Install

$ npm install @wick-charts/react

2. AI skill

Wick Charts ships with a built-in AI skill. Your AI assistant will know every component, prop, and theme out of the box.

$ npx skills add mo4islona/wick-charts

3. Build a chart

import {
ChartContainer, CandlestickSeries, Tooltip,
Crosshair, YAxis, TimeAxis
} from '@wick-charts/react';
 
function Chart({ data }) {
return (
<ChartContainer>
<CandlestickSeries data={data} />
<Tooltip />
<Crosshair />
<YAxis />
<TimeAxis />
</ChartContainer>
);
}