react-native-vision-camera
NativeBase
react-native-vision-camera | NativeBase | |
---|---|---|
26 | 57 | |
6,790 | 20,067 | |
- | 0.3% | |
9.7 | 0.9 | |
4 days ago | 20 days ago | |
Swift | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
react-native-vision-camera
-
Encrypted Note Editor App In React Native
Camera and Image Captioning: For taking pictures we will use react-native-vision-camera and for generating captions from the images, react-native-quick-tflite.
-
Ask HN: Is React Native still popular?
> One of the big "aha" moments I had was a couple years ago when I was trying out Stripe's Identity product, which lets you take a selfie and a picture of your ID for identity verification purposes. It's pretty amazing how Stripe was able to do the full image analysis (i.e. edge detection when you take a picture of your ID) solely with browser APIs.
Do you have any details on that Stripe app? I've found the browser camera handling lacking on mobile if you want to overlay it with a "position the subject here" rectangle, or display instructions alongside, or detect QR codes as well as other subjects. I'd like this to be an out-of-date view. I've been considering React Native for the next version, using https://github.com/mrousavy/react-native-vision-camera as it seems much more feature complete.
-
React Native - number plates recognizing app
You can use react-native-vision-camera and a frame processor that uses some kind of OCR to get the number plates.
-
Running a TensorFlow object detector model and drawing boxes around objects at 60 FPS - all in React Native / JavaScript!
This is a demonstration of what VisionCamera V3 is capable of - I built a small plugin to load any TensorFlow Model (.tflite) from resources and run it on every Camera Frame. This is going to be a game-changer, since the developer no longer needs to write native code for such complex tasks - it only takes a few lines of JavaScript to spin up a Camera, do real-time processing with a TensorFlow model, and draw anything to the Frame. Magic!
- Expo-Camera
-
VisionCamera V3 - The game-changing library for the entire mobile camera industry. I'm using simple JavaScript code to outline the hands and blur the face in realtime. This even runs at up to 60 FPS!
it's https://github.com/mrousavy/react-native-vision-camera
-
2 days and counting of jumping through hoops to get a camera and ocr library working
I finally got react-native-vision-camera and vision-camera-face-detector working yesterday by using Windows Subsystem for Linux (WSL). On windows itself it just doesn't work for me (https://github.com/mrousavy/react-native-vision-camera/issues/1474)
-
CameraX vs Camera2 (library development)
I'm the author of react-native-vision-camera, a library that exposes platform native Camera features to React Native.
-
How do I build this blurred translucent tab bar and header?
Here’s an example from react-native-vision https://github.com/mrousavy/react-native-vision-camera/blob/main/example/src/views/StatusBarBlurBackground.tsx
-
TOP 6 React Native libraries with native performance ⚡️
6. Vision Camera
NativeBase
-
Exploring the Best UI Component Libraries for React Native apps
Gluestack, like any other customizable UI library, is built to make styling less cumbersome. It comprises a set of themed and unstyled components easily integrated across different platforms and devices. Originally, Gluestack was a part of NativeBase, a component library for both React and React Native. With performance and maintainability in mind, NativeBase was split into two parts, focusing on a universal CSS-in-JS library and an independent set of unstyled components. Gluestack has several advantages, some of which are:
-
Flash-cards app with OpenAI
Native-base
-
Best headless UI libraries in React Native
Just like the other libraries mentioned in this article, Gluestack is another unstyled component library. Originally a part of NativeBase, the developer team created this library to prevent bloat and enhance maintainability of the project.
-
An Overview of 25+ UI Component Libraries in 2023
KumaUI : Another relatively new contender, Kuma uses zero runtime CSS-in-JS to create headless UI components which allows a lot of flexibility. It was heavily inspired by other zero runtime CSS-in-JS solutions such as PandaCSS, Vanilla Extract, and Linaria, as well as by Styled System, ChakraUI, and Native Base. ### Vue
- Should I use tamagui?
-
What’s RN’s version of Material-UI or Tailwind for React?
You can see timeline of that here: https://github.com/GeekyAnts/NativeBase/issues/4302
- Is this card style possible to do with React Native ?
- Suggestions for first-time React Native app
- How to make my apps look and feel more professional?
-
Nativewind for a new project?
NativeBase is being abandoned unfortunately , I wouldn’t start a new project with it https://github.com/GeekyAnts/NativeBase/issues/4302
What are some alternatives?
react-native-camera - A Camera component for React Native. Also supports barcode scanning!
react-native-elements - Cross-Platform React Native UI Toolkit
Code Scanner - Code scanner library for Android, based on ZXing
react-native-paper - Material Design for React Native (Android & iOS)
react-native-reanimated - React Native's Animated library reimplemented
react-native-ui-lib - UI Components Library for React Native
react-native-blurhash - 🖼️ A library to show colorful blurry placeholders while your content loads.
react-native-material-ui - Highly customizable material design components for React Native
mlkit - A collection of sample apps to demonstrate how to use Google's ML Kit APIs on Android and iOS
react-native-ui-kitten - :boom: React Native UI Library based on Eva Design System :new_moon_with_face::sparkles:Dark Mode
react-qr-scanner - React component for reading QR codes using PC web camera or mobile phone camera.
react-native-reanimated-carousel - 🎠React Native swiper/carousel component, fully implemented using reanimated v2, support to iOS/Android/Web. (Swiper/Carousel)