react-xr
🤳 VR/AR with react-three-fiber (by pmndrs)
WebXR-emulator-extension
WebXR emulator extension (by MozillaReality)
SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
surveyjs.io
featured
| react-xr | WebXR-emulator-extension | |
|---|---|---|
| 12 | 4 | |
| 1,922 | 444 | |
| 1.4% | 0.0% | |
| 6.4 | 0.0 | |
| 3 months ago | about 1 year ago | |
| TypeScript | JavaScript | |
| MIT License | Mozilla Public License 2.0 |
The number of mentions indicates the total number of mentions that we've tracked plus the number of user suggested alternatives.
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.
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-xr
Posts with mentions or reviews of react-xr.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2023-03-01.
-
My own collection so far :)
I think the easiest for you would be to get into this through web development try this https://github.com/pmndrs/react-three-fiber coupled with this https://github.com/pmndrs/react-xr But don't expect super beautiful graphic from this, it's abstraction over three.js library which is abstraction over webgl standard which implements OpenGL ES 2.0 which is 7 years old graphics standard targeted to mobile devices with not much power. Or you can experiment with unity (unity XR) or unreal engine which are harder to learn but produce better graphics.
-
I need a push in the right direction
there's also a VR layer that makes previously complex things so easy https://github.com/pmndrs/react-xr
-
Having trouble deciding on a stack?
I'm a pure threejs afficionado myself, but r3f also has some good things going for it: https://github.com/pmndrs/react-xr
-
Three.js learning process
as an example, these are AR/VR components that allow you to build apps in minutes because all the hard parts have been taken take of, for instance gestures: https://github.com/pmndrs/react-xr
-
VR - React Library?
I haven’t played with it, but if I was going to I’d start here https://github.com/pmndrs/react-xr
-
How to create cross device compatible WebXR experiences
React-XR for leveraging the WebXR API (e.g VR Headset + controllers) & React-Three-Drei which has useful functions for creating WebGL content.
- Help with 360 panoramic view of an image
-
Best options to build WebAR app? (Marker and Markerless)
React three fiber is amazing for building 3d on the web, and has an XR canvas https://github.com/pmndrs/react-xr
- Push Notifications, WebXR, and better PWA support coming to iOS
-
Does React-three-fiber improve how ThreeJS and React work together or is it more designed to give a react-like experience (components) within threejs?
Their docs and examples are beautiful and make it so easy to get started. As a web dev myself, the transition was pretty easy, since it was as simple as "swapping dom out for threejs objects". You get the react "engine" around it for free. Super fun for game development. (even with WebXR support https://github.com/pmndrs/react-xr)
WebXR-emulator-extension
Posts with mentions or reviews of WebXR-emulator-extension.
We have used some of these posts to build our list of alternatives
and similar projects. The last one was on 2021-07-11.
- How to develop WebVR without using a helmet?
-
Hey. Everyone. Do anyone know the best way to recenter the ar session. When the user moved a distance and we relocated the tracking to 0. Just like it is from the beginning of the session. Thanks very much.
https://immersive-web.github.io/webxr-samples/teleportation.html
-
Challenges of a web VR throwing game
Get a hold of the WebXR emulator extension. It is limited in features but it does allow you to enter VR in a desktop browser and test your application with some basic inputs. With tip 4, this is very powerful and you can test a lot before actually putting on the headset.
-
Some progress on emulating WebXR hardware thru computer vision (JavaScript), so that you can work on WebXR apps w/o hardware! Powered by my library Handsfree.js.org and the Mozilla WebXR Emulator Extension
Here is the original emulator (w/o handsfree): https://github.com/MozillaReality/WebXR-emulator-extension
What are some alternatives?
When comparing react-xr and WebXR-emulator-extension you can also consider the following projects:
react-three-fiber - 🇨🇭 A React renderer for Three.js
webxr-handtracking - 👐 WebXR hand tracking examples
react-three-next - React Three Fiber, Threejs, Nextjs starter
model_viewer.dart - A Flutter widget for rendering interactive 3D models in the glTF and GLB formats.
mind-ar-js - Web Augmented Reality. Image Tracking, Face Tracking. Tensorflow.js
cannon-es - 💣 A lightweight 3D physics engine written in JavaScript.
use-cannon - 👋💣 physics based hooks for @react-three/fiber
squidgame - Red light green light game from squid game made using JavaScript and Three.js
gltfjsx - 🎮 Turns GLTFs into JSX components
three_mmi - A utility class that enables to easily set up a simple callback for mouse interacting with threejs mesh.
Echo-VR-Haptics - Bhaptic feedback support for echo arena
react-xr vs react-three-fiber
WebXR-emulator-extension vs webxr-handtracking
react-xr vs react-three-next
WebXR-emulator-extension vs model_viewer.dart
react-xr vs mind-ar-js
WebXR-emulator-extension vs cannon-es
react-xr vs use-cannon
WebXR-emulator-extension vs squidgame
react-xr vs gltfjsx
WebXR-emulator-extension vs three_mmi
react-xr vs Echo-VR-Haptics
WebXR-emulator-extension vs use-cannon