back to home

mrousavy / react-native-vision-camera

📸 A powerful, high-performance React Native Camera library.

9,196 stars
1,324 forks
375 issues
SwiftTypeScriptKotlin
Chat with CodebaseArchitecture ScanSecurity AuditExplain Codebase

AI Architecture Analysis

This repository is indexed by RepoMind. By analyzing mrousavy/react-native-vision-camera in our AI interface, you can instantly generate complete architecture diagrams, visualize control flows, and perform automated security audits across the entire codebase.

Our Agentic Context Augmented Generation (Agentic CAG) engine loads full source files into context, avoiding the fragmentation of traditional RAG systems. Ask questions about the architecture, dependencies, or specific features to see it in action.

Click here to launch the interactive analysis workspace

Embed this Badge

Showcase RepoMind's analysis directly in your repository's README.

[![Analyzed by RepoMind](https://img.shields.io/badge/Analyzed%20by-RepoMind-4F46E5?style=for-the-badge)](https://repomind-ai.vercel.app/repo/mrousavy/react-native-vision-camera)
Preview:Analyzed by RepoMind

Repository Summary (README)

Preview
<a href="https://margelo.com"> <picture> <source media="(prefers-color-scheme: dark)" srcset="./docs/static/img/banner-dark.png" /> <source media="(prefers-color-scheme: light)" srcset="./docs/static/img/banner-light.png" /> <img alt="VisionCamera" src="./docs/static/img/banner-light.png" /> </picture> </a> <br /> <div> <img align="right" width="35%" src="docs/static/img/example.png"> </div>

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!

<div> <a href="https://apps.apple.com/app/shadowlens/id6471849004"> <img height="40" src="docs/static/img/appstore.svg" /> </a> <a href="https://play.google.com/store/apps/details?id=com.mrousavy.shadowlens"> <img height="40" src="docs/static/img/googleplay.svg" /> </a> </div>

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

<a href="https://github.com/sponsors/mrousavy"> <img align="right" width="160" alt="This library helped you? Consider sponsoring!" src=".github/funding-octocat.svg"> </a>

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 <a href="mailto:me@mrousavy.com?subject=Adopting VisionCamera at scale">contact me</a> to receive premium enterprise support, help with issues, prioritize bugfixes, request features, help at integrating VisionCamera and/or Frame Processors, and more.

Socials