react-native-vision-camera

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

• Guides
• API
• Example
• Frame Processor Plugins

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

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

• 🐦 Follow me on Twitter for updates
• 📝 Check out my blog for examples and experiments
• 💬 Join the Margelo Community Discord for chatting about VisionCamera
• 💖 Sponsor me on GitHub to support my work
• 🍪 Buy me a Ko-Fi to support my work

Similar packages

Other packages similar to react-native-vision-camera

react-native-camera

react-native-camera is a popular camera library for React Native that provides a wide range of camera functionalities, including photo and video capture, barcode scanning, and face detection. Compared to react-native-vision-camera, it is more established but may not offer the same level of performance and flexibility for real-time frame processing.

expo-camera

expo-camera is a camera module provided by Expo, a framework for building React Native apps. It offers basic camera functionalities such as photo and video capture, along with barcode scanning. While it is easy to use and integrates well with the Expo ecosystem, it may not provide the same level of customization and performance as react-native-vision-camera.

react-native-qrcode-scanner

react-native-qrcode-scanner is a library specifically designed for QR code scanning in React Native applications. It provides a simple and straightforward API for scanning QR codes but lacks the broader camera functionalities and real-time frame processing capabilities of react-native-vision-camera.