Skip to content

mrousavy/react-native-vision-camera

Repository files navigation

VisionCamera
Image

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 resizer (Metal/Vulkan)

Install VisionCamera from npm:

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

..and get started by setting up permissions!

Documentation

VisionCamera V4

As VisionCamera V5 is released, VisionCamera V4 is no longer actively maintained. The VisionCamera V4 code has been archived under margelo/react-native-vision-camera-v4-snapshot, and the old documentation page is deployed at https://visioncamera4.margelo.com.

ShadowLens

To see VisionCamera in action, check out ShadowLens!

Example

function App() {
  return (
    <Camera
      style={StyleSheet.absoluteFill}
      device="back"
      isActive={true}
    />
  )
}

See the example app

Adopting at scale

VisionCamera is built by Margelo. We make apps better and faster.

Socials