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.

AI-firstReact · Svelte · VueRealtimeThemeableMIT
BTC/USDLive Candlestick
10:51:50O45191H45419L44908C45322V1.36M
01234567890123456789012345678901234567890123456789
4400045000
10:49:0010:50:0010:51:0010:52:00
ETH/USDLive Area + Bands
10:51:503645.263680.673606.48
340036003800
10:40:0010:45:0010:50:00
Portfolio10 assets · Live
100200300
10:40:0010:45:0010:50:00
P&L DeltaLive Bar
-50050100
10:45:0010: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>
  );
}