Skip to content

react-klinecharts

A flexible React wrapper for KlineCharts — hooks, declarative sub-components, and full TypeScript support.

Declarative props

Reactive props drive every chart setting. No manual effect wiring.

Sub-components

<KLineChart.Indicator>, .Overlay, .Widget, .YAxis manage their own lifecycle.

Typed events

Strongly-typed callbacks — onCrosshairChange receives a Crosshair, no casts.

Hooks

useIndicator, useCrosshair, useVisibleRange, and more for reactive chart state.

Head to the Quick Start to render your first chart, or browse the full component and hook reference.