react-native-vision-camera
Tailwind CSS
react-native-vision-camera | Tailwind CSS | |
---|---|---|
26 | 1,299 | |
6,790 | 79,776 | |
- | 1.8% | |
9.7 | 9.4 | |
4 days ago | 3 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
Tailwind CSS
-
A tale about migrating a 200 entries Gatsby blog untouched for 3 years to Astro
First of all, as the codebase was quite old and as I didn't want to bring more tech than what was required, I started to migrate my few React components on Gatsby from StyledComponent (a great CSS-in-JS solution) to Tailwind CSS. Mostly because I wanted to see if I could measure the impact of moving from CSS-in-JS to pure CSS. The second goal was to allow Astro to run without client-side JS. To do so, I either needed to set up StyledComponent in Astro or migrate to Tailwind. Tailwind is documented and largely used on most projects now, and I was curious about the performance impact.
-
Tailwind CSS vs. Radix UI: Which One Should You Choose for Your Next Project?
With Tailwind CSS, you can create unique designs without ever leaving your HTML thanks to its utility-first CSS framework, which offers low-level utility classes.
-
Building a serverless connected BBQ as SaaS - Part 2 - User Creation
Let us now start creating our dashboard, that we will continue building on in this series. The dashboard is a react app created with create-react-app. For styling we will use Tailwind CSS.
-
Create A YouTube Homepage Clone in Tailwind CSS and ReactJS
Creating a clone of the YouTube homepage can be both enjoyable and helpful for enhancing your front-end development skills. This project offers a chance to work on a familiar design while getting practical experience with commonly used tools like Tailwind CSS and React.js. It also helps you understand how modern web applications are structured and styled.
-
Tailwind CSS vs. Shadcn: Which Should You Choose for Your Next Project?
Tailwind is a CSS framework that prioritizes utility.
-
How I shipped an event registration site in just 1 week with Nuxt, Directus, OpenAI, and TailwindCSS
styling - Nuxt UI and Tailwind CSS
-
4 Free Tailwind CSS Badge Components [Open-Source]
I prepared a list of open-source badge components coded with Tailwind CSS and Material Tailwind.
-
Playing around with Hotwire ⚡️
I won't take credit for the re-design though. If you're using the Tailwind CSS Library you should checkout Tailwind UI. It's helped me scaffold a few components and pages quite easily, without having a designer onboard.
-
React with Tailwind CSS Skeleton Loader Example
Tailwind CSS (tailwindcss.com)
-
Styling your Dart Jaspr website with Tailwind CSS and DaisyUI
The key difference with Flutter lies in the usage of CSS. Mobile developers are not very used to this type of styling. Tailwind CSS has emerged as a leader in the CSS libraries space, offering a pragmatic approach to styling websites without sacrificing flexibility or design freedom.
What are some alternatives?
react-native-camera - A Camera component for React Native. Also supports barcode scanning!
flowbite - Open-source UI component library and front-end development framework based on Tailwind CSS
Code Scanner - Code scanner library for Android, based on ZXing
antd - An enterprise-class UI design language and React UI library
react-native-reanimated - React Native's Animated library reimplemented
unocss - The instant on-demand atomic CSS engine.
react-native-blurhash - 🖼️ A library to show colorful blurry placeholders while your content loads.
windicss - Next generation utility-first CSS framework.
mlkit - A collection of sample apps to demonstrate how to use Google's ML Kit APIs on Android and iOS
emotion - 👩🎤 CSS-in-JS library designed for high performance style composition
react-qr-scanner - React component for reading QR codes using PC web camera or mobile phone camera.
Material UI - Ready-to-use foundational React components, free forever. It includes Material UI, which implements Google's Material Design.