Overview

react-native-kline-chart is a high-performance candlestick (KLine) chart component for React Native, built on @shopify/react-native-skia and react-native-reanimated.

Why react-native-kline-chart?

  • GPU-accelerated rendering via Skia canvas
  • Smooth 60fps gestures (pan, pinch, long-press)
  • Handles 10,000+ candles with viewport clipping
  • Built-in MA indicators and crosshair
  • Fully customizable colors, sizes, and behavior
  • TypeScript-first with full type definitions

Requirements

  • React Native >= 0.78.0
  • React >= 19.0.0
  • @shopify/react-native-skia >= 2.0.0
  • react-native-reanimated >= 4.0.0
  • react-native-gesture-handler >= 2.20.0
Installation →