React Native Vision Camera

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!

Links

• VisionCamera Documentation
• VisionCamera LLMs.txt
• Community Discord
• Example App
• AWS Device Farm Tests (sign in via the AWS Access Portal first)

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

• 🐦 Follow me on Twitter for updates
• 📝 Check out my blog for examples and experiments
• 💬 Join the Margelo Community Discord for chatting about VisionCamera