Skip to content

mrousavy/react-native-vision-camera

Folders and files

NameName
Last commit message
Last commit date

Latest commit

54df86a Β· Nov 25, 2024
Nov 25, 2024
Nov 25, 2024
Nov 25, 2024
Nov 25, 2024
Oct 30, 2024
Oct 30, 2024
Jun 21, 2021
Oct 30, 2024
Jun 21, 2021
Oct 30, 2024
Nov 25, 2024
Oct 30, 2024
Feb 23, 2024

Repository files navigation

VisionCamera

Features

VisionCamera is a powerful, high-performance Camera library for React Native. It features:

  • πŸ“Έ Photo and Video capture
  • πŸ‘οΈ QR/Barcode scanner
  • πŸ“± Customizable devices and multi-cameras ("fish-eye" zoom)
  • 🎞️ Customizable resolutions and aspect-ratios (4k/8k images)
  • ⏱️ Customizable FPS (30..240 FPS)
  • 🧩 Frame Processors (JS worklets to run facial recognition, AI object detection, realtime video chats, ...)
  • 🎨 Drawing shapes, text, filters or shaders onto the Camera
  • πŸ” Smooth zooming (Reanimated)
  • ⏯️ Fast pause and resume
  • πŸŒ“ HDR & Night modes
  • ⚑ Custom C++/GPU accelerated video pipeline (OpenGL)

Install VisionCamera from npm:

npm i react-native-vision-camera
cd ios && pod install

..and get started by setting up permissions!

Documentation

ShadowLens

To see VisionCamera in action, check out ShadowLens!

Example

function App() {
  const device = useCameraDevice('back')

  if (device == null) return <NoCameraErrorView />
  return (
    <Camera
      style={StyleSheet.absoluteFill}
      device={device}
      isActive={true}
    />
  )
}

See the example app

Adopting at scale

This library helped you? Consider sponsoring!

VisionCamera is provided as is, I work on it in my free time.

If you're integrating VisionCamera in a production app, consider funding this project and contact me to receive premium enterprise support, help with issues, prioritize bugfixes, request features, help at integrating VisionCamera and/or Frame Processors, and more.

Socials