react-native-vision-camera
Introduction: 📸 The Camera library that sees the vision.
Tags:
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 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
