awesome-webxr-development

Taking

Performance Best Practices

Five of these developer teams built WebXR apps that ran directly inside the Meta Quest Browser, without having to install anything

A complete introduction to the web as a platform for 3D graphics using the three.js WebGL library, from one of the core three.js developers. Designed to get you started on your journey of creating modern, professional-quality 3D web applications in the shortest time possible

Covering the WebGPU graphics API. Covers a wide range of WebGPU topics, including API overview, comparison with WebGL, best practices, and more

A web framework for building 3D/AR/VR experiences. Make 3D worlds with HTML and Entity-Component On any headset, mobile and desktop

A powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework

Provide community-driven powerful and simple tools that help Babylon.JS users to create beautiful, awesome 3D games / applications

A lightweight and flexible framework for building WebXR experiences. Built on top of three.js, Rapier physics engine and

Metaverse infrastructure for everyone. Everything you need to build and deploy scalable realtime 3D social apps and more

Generative Graphics Creator

Shader-based materials editor for Babylon.js

Extend Three.js standard materials with your own shaders! It Supports both Vanilla and React!

Better lighting in three.js. Make your PBR material look more realistic. Give the user a lot of options to tweak lighting so that a certain combination of settings will give a decent looking result

An extensible, layer based shader material for ThreeJS. Built on top of three-custom-shader-material (CSM) and any effects that are achieved by lamina can be done with CSM in a predictable and performant manner albeit at a lower level

The most powerful material editor on the web. Built for ThreeJS & React-Three-Fiber. Create, fork and publish shader graphs with the world using an intuitive and easy to use tool built for all

Contains glTF models and their USDZ counterparts. This page is targeted at implementers, developers, and designers working with these file formats. A clear goal is to allow you to download files for a specific usecase and check if your target viewer/platform supports what you want it to support

Enables use of glTF asset files in Unity (import / export)

A small command-line tool that turns GLTF assets into declarative and re-usable react-three-fiber JSX components

A tool that can automatically optimize glTF files to reduce the download size and improve loading and rendering speed

Content pipeline tools for optimizing glTF assets by the Cesium team

glTF 2.0 SDK for JavaScript and TypeScript, on Web and Node.js. Provides fast, reproducible, and lossless control of the low-level details in a 3D model

Multi-threaded ECS for TypeScript and JavaScript

Functional, minimal, data-oriented, ultra-high performance ECS library written using JavaScript TypedArrays

Primitive and flexible state management for React. Scales from a simple useState replacement to an enterprise TypeScript application

A developer-friendly entity management system for games and similarly demanding applications, based on ECS architecture

Makes proxy-state simple for React and Vanilla

JavaScript and TypeScript finite state machines and statecharts for the modern web

input fields for 3D UIs with @coconut-xr/koestlich

Builds on yoga (flexbox implementation), Three.js to deliver compatible and performant 3D UIs with out-of-the-box animations

XRUI provides functionlity for using DOM elements to construct a user interface for XR applications

JavaScript HTML renderer. Allows you to take "screenshots" of webpages or parts of it, directly on the users browser

A webGL form component for use with React Three Fiber. Ultimately, the goal is to have fully functioning HTML

WebXR Interaction library. Deliver composable and extensible interactions for immersive experiences

Rigibody control

Makes defining and recognizing custom hand poses in WebXR a snap

A JS library which helps your TPS game development with three.js

A vanilla virtual joystick for touch capable interfaces

React components and hooks for creating VR/AR applications with @react-three/fiber

Collect the average fps over time

A browser extension that assists WebXR content creation. It enables developers to responsively run WebXR apps on a desktop browser without the need of an XR device. Inspired by the official WebXR Emulator Extension by Mozilla Reality and our previous efforts of extending it for better functionality, designed and rebuilt from the ground up

A debugging utility that makes it easy to view console logs in WebXR experiences. Currently, LogXR only supports Three.js, with support for Babylon.js coming soon

Easily monitor the performances of your @react-three/fiber application

A React testing renderer for threejs in node

A complete engine agnostic JavaScript framework for exploring and troubleshooting your WebGL scenes with ease