JavaScript WebXR

Open-source JavaScript projects categorized as WebXR

Top 23 JavaScript WebXR Projects

  • three.js

    JavaScript 3D Library.

  • Project mention: Implementing Bloom Effect with Mapbox and Three.js | dev.to | 2024-04-08

    Regarding the optimization of the effect, I found an issue on the three.js GitHub repository: https://github.com/mrdoob/three.js/issues/14104 The alpha channel issue seems to be a difficult problem, which has been present since 2018. At the end of the discussion, a solution proposed by a contributor is not to modify the UnrealBloomPass but to blend the source texture and target texture in the shader.

  • A-Frame

    :a: Web framework for building virtual reality experiences.

  • Project mention: A New Era for Mixed Reality | news.ycombinator.com | 2024-04-22

    I looked at it seriously for content authoring but gave it up.

    The big problem is you cannot import images, textures, 3-d models and such from ordinary tools. You have something like constructive solid geometry to work with but only so much and there is a slider you can use to set the number of players and the more players the less geometry you can use.

    I want to make worlds based in photographs (particularly pano and stereo) and art. McDonalds needs to put a Coca-Cola logo on the side of the cup. Either way it is a non-starter.

    HW supports collaboration (more than one person shares the world) but https://aframe.io/ lets me make the content I want. If I have to choose one or the other I am going to pick the second.

    My take on Meta Quest is that it seems highly successful as a gaming environment based on an app store but is skews towards single-player experiences. Like a lot of AAA games, the excellent Asgard’s Wrath 2 has some multiplayer tacked on but it is all meaningless like leaderboards and the occasional ghost that shows up in a procedurally generated dungeon.

    Of course, Meta wants to make multiplayer experiences but somehow they just can’t do it.

  • 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 logo
  • engine

    Fast and lightweight JavaScript game engine built on WebGL and glTF

  • Project mention: Gamedev.js Jam 2024 start and theme announcement! | dev.to | 2024-04-13

    10 × PlayCanvas Personal plan for 12 months

  • hubs

    Duck-themed multi-user virtual spaces in WebVR. Built with A-Frame.

  • Project mention: I Use Firefox | news.ycombinator.com | 2024-02-28

    > Firefox Reality on the Oculus Go VR Headset

    yes, through not limited to the Oculus

    and it kinda folded Hubs (https://hubs.mozilla.com/) into it

    and and I think there was a bit of additional research level stuff never ending up in user hands

    but both are somewhat dead, idk. if Firefox Reality still works with any VR headset at all (it might still work with non standalone headset usage) and Hubs is shutting down end of March, a community version still exist (Hubs ~= somewhat like VRChat from the idea but not as VR specific and just less interesting in general)

    same for most other things they are either dead or fizzled out (and some are stables, but don't bring users, like pdf.js)

    One thing I forget to mention is FF does a lot of work to reduce fingerprint-ability of existing interfaces (while trying to avoid breaking websites by changing/breaking existing interfaces, like some other more privacy focused browsers do). A bunch of this is done in context for the tor-browser but also benefit normal FF. Sadly you using FF ads more information to the fingerprint then any of the protections due to better fingerprint protection (something which is true for any form of privacy protection not used en mass by every one).

  • troika

    A JavaScript framework for interactive 3D and 2D visualizations

  • networked-aframe

    A web framework for building multi-user virtual reality experiences.

  • unity-webxr-export

    Develop and export WebXR experiences using Unity WebGL

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
  • SystemAnimatorOnline

    XR Animator, AI-based Full Body Motion Capture and Extended Reality (XR) solution, powered by System Animator Online

  • Project mention: Enhanced sense of depth for mocap hands tracking (details on comments) | /r/vtubertech | 2023-08-06

    🖥️Windows/Linux app version

  • moonrider

    🌕🏄🏿 Surf the musical road among the stars. Side project built by two people in a few months to demonstrate WebXR.

  • Project mention: ADHD people who exercise regularly... how? | /r/ADHD | 2023-12-10

    oculus quest and https://moonrider.xyz

  • WebXR-emulator-extension

    WebXR emulator extension

  • app

    Web metaverse client (by webaverse)

  • 3dstreet

    🚲🚶🚌 Web-based 3D visualization of streets using A-Frame

  • Project mention: Launch HN: Sweep (YC S23) – A bot to create simple PRs in your codebase | news.ycombinator.com | 2023-08-03
  • handy.js

    Handy makes defining and recognizing custom hand poses in WebXR a snap!

  • webxr-handtracking

    👐 WebXR hand tracking examples

  • emukit

    WebXR immersive console emulator w/ Retroach, Javascript, and WASM

  • enva-xr

    WebXR AR occlusion, lighting, interaction and physics with three.js

  • blocks

    webxr multiplayer voxels engine (by danielesteban)

  • AR-Webstore

    Webstore built to showcase photorealistic 3D digital objects in AR

  • Project mention: My Journey as Project Admin in GSSoC’23 | dev.to | 2023-09-15

    AR-Webstore revolutionizes the shopping experience by seamlessly integrating augmented reality. With AR-Webstore, customers can visualize products in their own spaces and view all the virtual features more clearly. This empowers customers to make informed decisions, reduces return rates, and enhances engagement, resulting in a more satisfying and immersive shopping journey.

  • skybx

    Generative AI Worlds in WebXR

  • Project mention: Bringing 360° worlds to life with a sketch | /r/StableDiffusion | 2023-05-19

    Here's a VR build! https://github.com/felixtrz/skybx

  • webxr-layers-polyfill

    WebXR Layers Polyfill library. Lead: Rik Cabanier.

  • AUXL

    A-Frame UX Library : A Web XR System, Support Components, World Maps, Object Generators, Universal Controller & Interactive Powers.

  • Project mention: Ask HN: Favorite Game Engine? | news.ycombinator.com | 2023-09-12

    I tried a bunch of the popular game engines and none of them really clicked for me. It wasn't until I found A-Frame and Three.js (which isn't an engine at all, but a Web 3D XR VR AR Renderer) that had an Entity-Component Architecture with a foss eco system of components that you could mix and match then things started making more sense.

    So did I cleverly use all these freely built components to make the greatest XR experience ever? Nah, I decided to re-invent the wheel and do everything myself :). I do enjoy the challenge and freedom to build my own ultimate tool though and I know it's not likely others will use it, but I did release it under GPL3 anyways. It has a wiki (slightly outdated atm :)), starter script and some examples too.

    It's pretty fun as both a learning/practice experience and actually be able to use it for various builds. Makes it even easier to prototype XR ideas which I love. I am currently wrapping v0.3 which has added tons of improvements, although it's not exactly ready for release, if anyone feels like checking it out I added some links as ref...

    AUXL (A-Frame UX Library) v0.3 repo --> https://github.com/Minty-Crisp/AUXL

  • webxr-threejs-midi-visualizer

    WebXR, augmented reality MIDI data visualization, built with Three.js and Tone.js. See video: https://youtu.be/lIecCGtbqSM

  • teleport

    A WebXR teleport for three.js (by smarthug)

  • InfluxDB

    Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

    InfluxDB logo
NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

JavaScript WebXR related posts

Index

What are some of the best open-source WebXR projects in JavaScript? This list will help you:

Project Stars
1 three.js 98,873
2 A-Frame 16,192
3 engine 9,105
4 hubs 2,101
5 troika 1,509
6 networked-aframe 1,137
7 unity-webxr-export 965
8 SystemAnimatorOnline 639
9 moonrider 554
10 WebXR-emulator-extension 444
11 app 335
12 3dstreet 240
13 handy.js 239
14 webxr-handtracking 196
15 emukit 135
16 enva-xr 112
17 blocks 58
18 AR-Webstore 50
19 skybx 28
20 webxr-layers-polyfill 19
21 AUXL 13
22 webxr-threejs-midi-visualizer 12
23 teleport 11

Sponsored
Power Real-Time Data Analytics at Scale
Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.
www.influxdata.com