Skip to main content

Documentation Index

Fetch the complete documentation index at: https://brandtnewlabs.mintlify.app/llms.txt

Use this file to discover all available pages before exploring further.

react-native-livechart renders real-time line and candlestick charts on the UI thread. Data and live values flow through Reanimated 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.

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

Pan a crosshair across history with a worklet-friendly onScrub payload.

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.
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.