rhetenor/awesome-awesomeness
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
Files
master
awesome-awesomeness/html/webxr.md2.html
rhetenor 652812eed0 update
2025-07-18 23:13:11 +02:00

432 lines
19 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<h1 id="awesome-webxr-awesome">Awesome WebXR <a
href="https://awesome.re"><img src="https://awesome.re/badge.svg"
alt="Awesome" /></a></h1>
<p><a
href="https://immersiveweb.dev/"><img src="webxr-logo.svg" align="right" width="100"></a></p>
<blockquote>
<p>A curated list of WebXR links and resources.</p>
</blockquote>
<p><a
href="https://developer.mozilla.org/en-US/docs/Web/API/WebXR_Device_API">WebXR</a>
comprises a group of standards that allow browsers to access virtual and
augmented reality devices, enabling developers to create immersive
content that’s easily accessible online without the need for
installations or storefront curation.</p>
<h2 id="contents">Contents</h2>
<ul>
<li><a href="#standout-projects">Standout Projects</a></li>
<li><a href="#art">Art</a></li>
<li><a href="#audio">Audio</a></li>
<li><a href="#avatars">Avatars</a></li>
<li><a href="#communities">Communities</a>
<ul>
<li><a href="#discord">Discord</a></li>
<li><a href="#facebook">Facebook</a></li>
<li><a href="#forums">Forums</a></li>
<li><a href="#linkedin">LinkedIn</a></li>
<li><a href="#reddit">Reddit</a></li>
</ul></li>
<li><a href="#companies-and-cooperatives">Companies and
Cooperatives</a></li>
<li><a href="#content-hubs">Content Hubs</a></li>
<li><a href="#development">Development</a>
<ul>
<li><a href="#engines">Engines</a></li>
<li><a href="#frameworks-and-libraries">Frameworks and
Libraries</a></li>
<li><a href="#other">Other</a></li>
</ul></li>
<li><a href="#learning-resources">Learning Resources</a></li>
<li><a href="#monetization">Monetization</a></li>
<li><a href="#social-spaces">Social Spaces</a></li>
<li><a href="#web3xr">Web3XR</a>
<ul>
<li><a href="#galleries">Galleries</a></li>
<li><a href="#realms">Realms</a></li>
</ul></li>
<li><a href="#youtube">YouTube</a></li>
</ul>
<h2 id="standout-projects">Standout Projects</h2>
<p><em>Impressive and notable WebXR projects.</em></p>
<ul>
<li><a href="https://msub2.github.io/hello-webxr/">Hello WebXR</a> -
Made to commemorate the release of the WebXR 1.0 API, showcases some of
what’s possible with WebXR.
<ul>
<li>This links to a mirror of the experience on my own fork, as it is no
longer accessible at its original domain.</li>
</ul></li>
<li><a href="https://moonrider.xyz/">Moonrider</a> - A rhythm game built
by Supermedium similar to Beat Saber.</li>
<li><a href="https://plockle.com/">Plockle</a> - A spatial block puzzle
game with over 40 levels.</li>
<li><a href="https://castle.needle.tools/">Castle Builder</a> - A
collaborative and cross-platform castle-building game utilizing a unique
Unity-to-three.js pipeline.</li>
<li><a href="https://www.prehistoricdomain.com/">Prehistoric Domain</a>
- A Jurassic Park-esque experience in the browser, with multiple
dinosaur exhibits available and more planned for the future.</li>
<li><a href="https://aboveparadowski.com/">Above Par-adowski WebXR Mini
Golf</a> - A WebXR minigolf game designed by Paradowski Creative,
featuring 9 holes spread across a unique and varied environment.</li>
<li><a href="https://www.yolopia.com/">Yolopia</a> - A rhythm game which
combines flow, boxing and pose matching.</li>
<li><a href="https://heyvr.io/game/f60">f60</a> - A cross-platform WebXR
escape room series set within a Soviet prison.</li>
<li><a href="https://esc.art/">The Escape Artist</a> - An award-winning
escape room game by Paradowski Creative set inside the mind of an
artist, with an overarching narrative about the creative process.</li>
<li><a href="https://neofables.com/">NeoFables</a> - A
dynamically-generated VR storytelling experience utilizing GenAI.
Nominated for “Game of the Year” and “Experience of the Year” at the
2024 Polys Immersive Awards and is the first GenAI VR experience
featured by Meta.</li>
</ul>
<h2 id="art">Art</h2>
<p><em>Projects centered around artistic creations.</em></p>
<ul>
<li><a href="https://brushworkvr.com/">Brushwork VR</a> - A VR app that
simulates the process of painting with a virtual canvas, palette, color
mixing, and more.</li>
<li><a href="https://hatsumi.netlify.app/">SoulPaint</a> - A VR app that
provides you with 3D drawing tools and a virtual body to illustrate
lived experiences.</li>
<li><a href="https://www.silkbrush.app/">Silk Brush</a> - A port of Tilt
Brush to WebXR with plans for future extensions.</li>
<li><a href="https://vartiste.xyz/">VARTISTE</a> - A VR app for 2D
drawing and image editing, and 3D model texturing.</li>
</ul>
<h2 id="audio">Audio</h2>
<p><em>Projects centered around audio and audiovisual
experiences.</em></p>
<ul>
<li><a href="https://www.letsfathom.com/vr">Fathom VR</a> - A WebXR
version of the music discovery app Fathom, which lets you search for and
explore clouds of related artists with spatialized audio.</li>
<li><a href="https://demos.littleworkshop.fr/track">TRACK</a> - A linear
ride through an immersive audiovisual experience developed by <a
href="https://www.littleworkshop.fr/">Little Workshop</a>.</li>
</ul>
<h2 id="avatars">Avatars</h2>
<p><em>Resources for creating and utilizing 3D avatars in immersive
experiences.</em></p>
<ul>
<li><a href="https://github.com/exokitxr/avatars">Exokit Avatars</a> - A
web-based avatar system that can load humanoid avatars in multiple
different model formats and features arm+leg IK, facial animation via
visemes, and more. The original repo is no longer maintained, but there
is a more up-to-date fork available <a
href="https://github.com/msub2/avatars">here</a>.</li>
<li><a href="https://readyplayer.me/">ReadyPlayerMe</a> - Lets you
quickly and easily create a 3D avatar online that you can download in
glTF format.</li>
<li><a href="https://vroid.com/en">VRoid</a> - Lets you create
anime-styled 3D avatars that export to the highly-compatible .vrm
format.</li>
</ul>
<h2 id="communities">Communities</h2>
<p><em>Where WebXR developers gather, ask questions, share projects,
etc.</em></p>
<h3 id="discord">Discord</h3>
<ul>
<li><a href="https://discord.gg/UgZDFZW">Metaverse Makers Discord</a> -
Official server for M3, the Metaverse Makers Mastermind group.</li>
<li><a href="https://discord.gg/Jt5tfaM">WebXR Discord</a> - Official
Discord server for all things WebXR, with over 1000 members.</li>
<li><a href="https://discord.gg/JGsaYQJeuM">WebXR Francophone
Discord</a> - French-speaking Discord server for WebXR.</li>
<li><a href="https://discord.gg/FE8QnDP">Wonderland Engine Discord</a> -
Wonderland Engine Discord server.</li>
<li><a href="https://discord.gg/7d7agTbmKf">Zesty Market Discord</a> -
Official server for Zesty Market.</li>
</ul>
<h3 id="facebook">Facebook</h3>
<ul>
<li><a href="https://www.facebook.com/groups/immersiveweb/">Immersive
Web</a> - Oldest WebXR-related group, originally made for WebVR.</li>
<li><a href="https://www.facebook.com/groups/arvrweb/">WebXR</a> -
Slightly newer WebXR-centric group.</li>
<li><a href="https://www.facebook.com/groups/webxrko/">WebXR Korea</a> -
Korean WebXR group created by Belivvr.</li>
<li><a href="https://www.facebook.com/groups/548527285323630/">WebXR
Paris</a> - Companion to the WebXR Paris group on <a
href="https://www.meetup.com/WebXR-Paris/">Meetup</a>.</li>
</ul>
<h3 id="forums">Forums</h3>
<ul>
<li><a href="https://forum.babylonjs.com/">Babylon.js Forum</a> -
Official Babylon.js forum.</li>
<li><a href="https://discourse.threejs.org/">three.js Forum</a> -
Official three.js forum.</li>
<li><a href="https://forum.playcanvas.com/">PlayCanvas Forum</a> -
Official PlayCanvas forum.</li>
<li><a href="https://www.webxr.community/">WebXR Community Forum</a> -
Official forum for all things WebXR. Sister community to the WebXR
Discord.</li>
</ul>
<h3 id="linkedin">LinkedIn</h3>
<ul>
<li><a href="https://www.linkedin.com/groups/9019254/">WebXR</a> - WebXR
LinkedIn Group</li>
</ul>
<h3 id="reddit">Reddit</h3>
<ul>
<li><a href="https://www.reddit.com/r/WebVR/">r/WebVR</a> - Initially
the main subreddit for WebVR discussion, now features general WebXR
content along with <a
href="https://www.reddit.com/r/WebXR/">r/WebXR</a>.</li>
<li><a
href="https://www.reddit.com/r/WonderlandEngine/">r/WonderlandEngine</a>
- Wonderland Engine subreddit.</li>
</ul>
<h2 id="companies-and-cooperatives">Companies and Cooperatives</h2>
<p><em>Companies and cooperatives centered around/doing work in
WebXR.</em></p>
<ul>
<li><a href="https://activetheory.net/">Active Theory</a> - Developed
the Dreamwave platform.</li>
<li><a href="https://www.aircards.co/">Aircards</a> - WebAR
advertising/marketing agency.</li>
<li><a href="https://www.hatsumivr.com/">Hatsumi</a> - A design studio
developing experiences at the intersection of healthcare and art.</li>
<li><a href="https://lagunalabs.io/">Laguna Labs</a> - Immersive web
tech agency.</li>
<li><a href="https://metavrse.com/">MetaVRse</a> - Enterprise-focused
metaverse creation company. Parent company of MetaVRse Engine, MetaVRse
Studio, and MetaVRse Properties such as TheMall.</li>
<li><a href="https://www.playko.com/">Playko Software</a> - VR/AR/WebXR
agency and WebXR game development studio.</li>
<li><a href="https://www.rem5forgood.com/">REM5</a> - Digital immersive
experience design studio specializing in education and social equity
initiatives.</li>
<li><a href="https://sketchfab.com/">Sketchfab</a> - 3D model
marketplace that offers a VR previewer.</li>
<li><a href="https://vhiterabbit.com/">Vhite Rabbit</a> - Parent company
behind Construct Arcade.</li>
</ul>
<h2 id="content-hubs">Content Hubs</h2>
<p><em>Sites dedicated to gathering, indexing, and publishing WebXR
content.</em></p>
<ul>
<li><a href="https://heyvr.io/">heyVR</a> - A curated platform for
publishing WebXR games.</li>
<li><a href="https://browser-us.picovr.com/">PICO Browser Start Page</a>
- The default start page for PICO Browser.</li>
<li><a href="https://wolvic.com/en/start/">Wolvic Start Page</a> - The
default start page for the Wolvic browser.</li>
</ul>
<h2 id="development">Development</h2>
<p><em>Some of the tools that make WebXR content possible. For a
complete list, see the separate WebXR Creation Tools list. For a more
in-depth list, see the <a
href="https://github.com/Pico-Developer/awesome-webxr-development">awesome-webxr-development</a>
list.</em></p>
<h3 id="engines">Engines</h3>
<ul>
<li><p><a href="https://github.com/ir-engine/ir-engine">iR Engine</a> -
A full stack MMO engine built on three.js and bitECS with support for
WebXR.</p></li>
<li><p><a href="https://godotengine.org/">Godot</a> - A cross-platform,
open-source engine with WebXR support as of version 3.2.4.</p>
<ul>
<li><a
href="https://docs.godotengine.org/en/stable/classes/class_webxrinterface.html">Official
Documentation</a></li>
</ul></li>
<li><p><a href="https://metavrse.com/engine">MetaVRse Engine</a> -
Web-based tool designed to make XR and 3D content creation.
No-code/low-code template system, automatic embedding for business and
education.</p>
<ul>
<li><a href="https://metavrse.com/api/index.html">Official
Documentation</a></li>
</ul></li>
<li><p><a href="https://needle.tools/">Needle</a> - An engine and
exporter for Blender and Unity.</p>
<ul>
<li><a href="https://engine.needle.tools/docs/">Official
Documentation</a></li>
</ul></li>
<li><p><a href="https://www.onirix.com/">Onirix Studio</a> - A no-code
editor for creating Web AR experiences in the browser. It emulates
features of the WebXR if target device / browser is not
compatible.</p></li>
<li><p><a href="https://playcanvas.com/">PlayCanvas</a> - A
browser-based WebGL engine with support for WebXR content, mobile
browsers, collaborative editing, and more.</p>
<ul>
<li><a href="https://developer.playcanvas.com/en/">Official
Documentation</a></li>
</ul></li>
<li><p><a href="https://rogueengine.io/">Rogue Engine</a> - An HTML5
Game Engine based on Three.js and TypeScript.</p>
<ul>
<li><a
href="https://rogueengine.io/docs/manual/getting-started/installation/">Official
Documentation</a></li>
</ul></li>
<li><p><a href="https://unity.com/">Unity</a> - A highly popular game
engine with community packages that enable content to be exported for
WebXR.</p>
<ul>
<li><a href="https://github.com/De-Panther/unity-webxr-export">WebXR
Export</a> - Exporter by <a
href="https://github.com/De-Panther/">De-Panther</a></li>
<li><a
href="https://github.com/Rufus31415/Simple-WebXR-Unity">SimpleWebXR</a>
- Exporter by <a
href="https://github.com/Rufus31415">Rufus31415</a></li>
</ul></li>
<li><p><a href="https://wonderlandengine.com/">Wonderland Engine</a> - A
development platform designed specifically for building WebXR
applications.</p>
<ul>
<li><a href="https://wonderlandengine.com/documentation/">Official
Documentation</a></li>
</ul></li>
</ul>
<h3 id="frameworks-and-libraries">Frameworks and Libraries</h3>
<ul>
<li><p><a href="https://aframe.io/">A-Frame</a> - Lets you create VR
experiences using declarative HTML and custom JavaScript components
built on top of three.js.</p>
<ul>
<li><a href="https://aframe.io/docs/">Official Documentation</a></li>
</ul></li>
<li><p><a href="https://www.babylonjs.com/">Babylon.js</a> - A powerful
and feature-rich rendering engine packaged into a JavaScript
framework.</p>
<ul>
<li><a href="https://doc.babylonjs.com/">Official Documentation</a></li>
</ul></li>
<li><p><a href="https://github.com/jbaicoianu/janusweb">JanusWeb</a> -
An in-browser implementation of JanusVR that lets you build social VR
experiences.</p></li>
<li><p><a
href="https://github.com/m-creativelab/jsar-runtime">JSAR-DOM</a> A
TypeScript re-implementation of WHATWG DOM, CSSOM and WebXR for XR
applications built on top of Babylon.js.</p></li>
<li><p><a href="https://p5xr.org/">p5.xr</a> - An add-on for the library
p5.js that allows you to create immersive p5 sketches.</p></li>
<li><p><a
href="https://github.com/pmndrs/react-three-fiber">react-three-fiber</a>
- A React renderer for three.js. Additional WebXR-specific hooks and
components are available in <a
href="https://github.com/pmndrs/react-xr">React XR</a> as well.</p></li>
<li><p><a href="https://threejs.org/">three.js</a> - A JavaScript
library for rendering 3D content with WebGL that powers many existing
WebXR experiences and tools.</p>
<ul>
<li><a
href="https://threejs.org/docs/index.html#manual/en/introduction/Creating-a-scene">Official
Documentation</a></li>
</ul></li>
<li><p><a href="https://threlte.xyz/">Threlte</a> - A Svelte renderer
and component library for three.js. WebXR-specific hooks and components
are available in the <a
href="https://threlte.xyz/docs/reference/xr/getting-started"><code>@threlte/xr</code>
package</a>.</p></li>
<li><p><a href="https://x3dom.org">X3DOM</a> - A framework for
integrating and manipulating X3D scenes as HTML5/DOM elements.</p>
<ul>
<li><a href="https://doc.x3dom.org/">Official Documentation</a></li>
</ul></li>
</ul>
<h3 id="other">Other</h3>
<ul>
<li><a href="https://www.soft8soft.com/verge3d/">Verge3D</a> - A toolkit
that allows 3D artists to export their scenes and create immersive web
experiences with ease.
<ul>
<li><a href="https://www.soft8soft.com/support-documentation/">Official
Documentation</a></li>
</ul></li>
<li><a href="https://codeberg.org/coderofsalvation/xrfragment">XR
Fragments</a> - A tiny specification for controlling any 3D model using
URLs, based on existing metadata. Promoting hyperlinked WebXR
storytelling using all 3D editors and viewers.</li>
</ul>
<h2 id="learning-resources">Learning Resources</h2>
<p><em>Courses and tutorials for creating WebXR content.</em></p>
<ul>
<li><a href="https://www.codecademy.com/learn/learn-a-frame">Learn
A-Frame (VR)</a> - A roughly 6-hour Codecademy course written in
partnership with A-Frame.</li>
<li><a href="https://doc.babylonjs.com/guidedLearning">babylon.js Guided
Learning</a> - Detailed text and video tutorials that complement the
other instructional pages in the documentation.</li>
</ul>
<h2 id="monetization">Monetization</h2>
<p><em>Methods for monetizing WebXR content (outside of traditional web
advertising platforms like Google Ads, as well as crypto, which falls
under Web3XR).</em></p>
<ul>
<li><a href="https://www.zesty.market">Zesty Market</a> - A marketplace
for rentable banner spaces in XR. Offers integrations with most major
WebXR creation tools.</li>
</ul>
<h2 id="social-spaces">Social Spaces</h2>
<p><em>Projects focused on creating social spaces for users to gather
and/or collaborate in.</em></p>
<ul>
<li><a href="https://dreamwave.tech/">Dreamwave</a> - A web-based
platform for hosting scalable virtual events. Powered the virtual music
festival Secret Sky 2021.</li>
<li><a href="https://hubculture.city/">Emerald City</a> - A virtual
event space developed by Hub Culture.</li>
<li><a href="https://framevr.io/">FRAME</a> - A platform focused on
enabling easy 3D collaborations in a virtual space.</li>
<li><a href="https://hubsfoundation.org/">Hubs</a> - A community-owned
platform for enabling users to gather and collaborate virtually,
initially created by Mozilla.</li>
</ul>
<h2 id="web3xr">Web3XR</h2>
<p><em>Projects at the intersection of WebXR and crypto/blockchain
technologies.</em></p>
<h3 id="galleries">Galleries</h3>
<ul>
<li><a href="https://glry.xyz/">glry.xyz</a> - A site that hosts virtual
galleries for NFT art on the Tezos blockchain.</li>
<li><a href="https://oncyber.io/">oncyber</a> - Offers both free and
collectible gallery spaces to display NFTs across multiple different
chains.</li>
</ul>
<h3 id="realms">Realms</h3>
<ul>
<li><a href="https://www.voxels.com/">Voxels</a> - A virtual world
powered by Ethereum where players can buy land, build stores, display
art, and more.</li>
<li><a href="https://hyperfy.io/">Hyperfy</a> - A platform hosting up to
10,000 customizable, cross-platform, and immersive virtual worlds. Built
on three.js, powered by Ethereum.</li>
<li><a href="https://ozonemetaverse.io/">Ozone Metaverse</a> - A spatial
computing cloud platform offering world creation tools with Web3
integrations and monetization.</li>
<li><a href="https://somniumspace.com/parcel/">Somnium Space Web</a> - A
web viewer that allows you to explore parcels from <a
href="https://www.somniumspace.com/">Somnium Space</a> in your browser,
with VR support on the Oculus Quest browser.</li>
<li><a href="https://vrland.io/">vrland</a> - A platform for gathering
and virtual showcases that supports displaying of NFTs.</li>
</ul>
<h2 id="youtube">YouTube</h2>
<p><em>YouTube channels with a heavy focus on WebXR.</em></p>
<ul>
<li><a
href="https://www.youtube.com/channel/UCSNCMWhEojiVjUySdI7J_wg">M3</a> -
Official M3 channel.</li>
<li><a href="https://youtube.com/sorskoot">Sorskoot</a> - Tutorials and
other WebXR related content.</li>
<li><a href="https://www.youtube.com/c/WebXR">WebXR</a> - Official WebXR
channel.</li>
<li><a
href="https://www.youtube.com/channel/UCM5HgDdpKgMejq5HX9EoGHg">WebXR
Summit Series</a> - Contains clips, VODs, and other videos from the
WebXR Summit Series.</li>
<li><a
href="https://www.youtube.com/channel/UCgaPCwqmAmre7mW0J7K8IkA">Wonderland
Engine</a> - Official Wonderland Engine channel.</li>
</ul>
<p><a href="https://github.com/msub2/awesome-webxr">webxr.md
Github</a></p>
Reference in New Issue View Git Blame Copy Permalink