SharedValues, so the chart animates at native
frame rates without per-frame JS bridge traffic.
It’s built on @shopify/react-native-skia,
react-native-reanimated, and
react-native-gesture-handler.
Every overlay, toggled live in the example app's Playground
Line & candlestick
Single-series line/area or OHLC candlestick mode in one component, with a smooth
line/candle morph.
Multi-series
Several live series with a toggleable legend, per-series dots, and a shared crosshair.
Scrubbing & order ticket
Pan a crosshair across history with a worklet-friendly
onScrub payload — or drop a
locked price reticle and press its badge to fire an order callback (scrubAction).Momentum & degen
Auto-detected momentum coloring plus optional particle bursts and screen shake on swings.
Markers & references
Trade-fill markers, custom glyphs, and reference lines / bands.
Theming
Light/dark themes with an accent-driven palette and full per-key overrides.
Get started
Installation
Install the package and its peer dependencies, and configure Babel + Metro.
Quickstart
Render your first live chart in a few lines.
Using an AI assistant? Connect it to these docs through our hosted MCP server:Add that URL in Claude, Cursor, or any MCP-compatible client to let it search
and cite the library’s documentation directly.
The design and API are conceptually inspired by
liveline by Benji Taylor — reimagined for React
Native on Skia and Reanimated. This is not a fork; see the project
acknowledgments.