TypeScript WebXR

Open-source TypeScript projects categorized as WebXR

Top 7 TypeScript WebXR Projects

  • BabylonJS

    Babylon.js is a powerful, beautiful, simple, and open game and rendering engine packed into a friendly JavaScript framework.

    Project mention: Anime.js – A lightweight JavaScript animation library | news.ycombinator.com | 2023-06-22
  • model-viewer

    Easily display interactive 3D models on the web and in AR!

    Project mention: Time estimate from a pro | /r/threejs | 2023-06-07

    That said, maybe in your case, if it's a really minimal 3D viewer, it could be that the modelviewer.dev could what you need. You can use it like any other html element and just link it to a 3D model you export from blender as a .glb file. I think it also allows you to add labels.

  • Appwrite

    Appwrite - The open-source backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!

  • react-xr

    🤳 VR/AR with react-three-fiber

    Project mention: My own collection so far :) | /r/virtualreality | 2023-03-01

    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.

  • etherealengine

    Ethereal Engine - Bringing us together on the open social spatial web. 🤖 🚀 👓 🕹️ 🧑🏿‍🚀

    Project mention: frameworks - aframe vs babylon vs others? | /r/WebXR | 2023-05-19

    If you want a full engine, check out Ethereal Engine. You can get it open source for local dev at https://github.com/etherealengine/etherealengine or get a hosted version at www.etherealengine.com.

  • ossos

    Webbased Character Animation System

    Project mention: Quaternions in Blender and React Three.js | /r/threejs | 2023-04-23

    Might want to check this out too: https://github.com/sketchpunklabs/ossos I haven't used it, but it looks rad.. and might handle the ik you need..

  • threeify

    A Typescript 3D library loosely based on three.js

    Project mention: C++23: The Next C++ Standard | news.ycombinator.com | 2023-07-11

    As someone who has written math libraries over and over again for the last 25 years (no joke - wrote this in 1997: https://github.com/bhouston/BezierCurveDemo1997/blob/master/... and just recently wrote the Threeify math library: https://github.com/bhouston/threeify/tree/master/packages/ma...), I find that operator overloading works only for the simple cases but that for performance and clarify, function names work best.

    Function names let you clarify that it is an outside product or inside product (e.g. there are often different types of adds, multiplies, divides), and I can not stand when someone maps cross product onto ^ or dot product onto something else. Also operator overloading often doesn't make clear memory management, rather it replies on making new objects constantly, where as with function names, you can pass in a parameter that will take the result. Lastly, function names allow you to pass in how to handle various conditions, like non-invertible, NANs, etc.

    I find word based function more verbose but significant less error prone and also they are more performant. Operator overloading is only good for very simple code and even then people always push it too far so that I can not understand it.

  • cadenza

    A WebXR rhythm game (by CadenzaVR)

    Project mention: I made a free browser-based osu!taiko client that works in VR | /r/osugame | 2022-12-26

    It is also open source for anyone who wishes to contribute: https://github.com/CadenzaVR/cadenza

  • Onboard AI

    Learn any GitHub repo in 59 seconds. Onboard AI learns any GitHub repo in minutes and lets you chat with it to locate functionality, understand different parts, and generate new code. Use it for free at www.getonboard.dev.

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). The latest post mention was on 2023-07-11.

TypeScript WebXR related posts


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

Project Stars
1 BabylonJS 21,448
2 model-viewer 6,006
3 react-xr 1,747
4 etherealengine 641
5 ossos 332
6 threeify 188
7 cadenza 12
Write Clean JavaScript Code. Always.
Sonar helps you commit clean code every time. With over 300 unique rules to find JavaScript bugs, code smells & vulnerabilities, Sonar finds the issues while you focus on the work.