DEVELOPER PREVIEW · v0.3.0
Financial charts.
Your interface.
Your next trading interface starts here. Candles, live order books, and volume profiles, drawn with WebGL2. Try the full chart below: draw a trend line, add indicators, change timeframes, and make it your own.
bun add @bloxwap/chartBun · Node.js · Browsers · Workers
import { Chart } from '@bloxwap/chart/react';
import type { Candle } from '@bloxwap/chart';
export function PriceChart({ data }: { data: Candle[] }) {
return <Chart data={data} height={360} />;
}A candlestick chart that follows the system theme and fills its box
LIVE HYPERLIQUID DATA
Chart playground
Draw, zoom, add indicators, and switch the right edge between the volume profile and the live order book.
One typed config.
Data, series, scales, and styling live in one configuration. Update just the fields you need.
Your stack. Your DOM.
Pass in a canvas. Add the UI when you need it. The chart has zero runtime dependencies.
Order flow, built in.
Live order books, volume profiles, liquidity heatmaps, and footprint candles. WebGL2 rendering falls back to Canvas2D.
A SMALL API. ROOM TO BUILD.
From your first candle
to a complete workspace.
Start with the core, then add indicators, drawing tools, and the settings your users need.