Reactylon: The React Framework for XR

Demos and projects
, ,
41

Congrats !!! And well deserved tbf

1 Like
42

Congratulations! It’s a super cool project so happy to see you are getting the recognition it deserves!

1 Like
43

Thank you @AlitarSemiramis and @sebavan, I appreciate it more than you know!

1 Like
44

Built a floating finger-based interface using WebXR joints. Each finger acts as a contextual button and it is activated with a thumb pinch.

Here the full experience:

2 Likes
45

Material Plugins are… AMAZING!

I’ve just added a new section to the documentation that explains the core concepts and shows how to build a simple distance-based reveal effect like this:

image
image1920×1194 158 KB

Now, here comes the exciting part: what if you drive the same material logic with hand gestures? The result looks like this:

Here the full experience:

4 Likes
46

You are on fire!! I love it!

You said Material plugins but it seems to be NME, right?

1 Like
47

Created with NME (https://nme.babylonjs.com/#FTC192#2) to experiment with the effect and to get an overview, but then the same logic is written in a custom Material plugin to blend the material with the existing ones (StandardMaterial and PBRMaterial) of the cyberpunk city.

1 Like
48

So freaking awesome !!!

1 Like
49

Added Light Estimation (and relative sandbox) to the documentation!

So smooth, so realistic! :star_struck:

3 Likes
50

This rocks!

:smiling_cat_with_heart_eyes: love the cat!

1 Like
51

Microgestures land also in Reactylon!

Immersive use case:

4 Likes
52

This is dope my man!!

1 Like
53

so coool to see !!!

1 Like
54

Image Tracking (experimental WebXR Marker Tracking API) added!

Imagine walking through a bookstore wearing AR glasses… :sunglasses:

2 Likes
55

Hi everyone, Reactylon 3.5.0 is out!

This release adds full WebGPU support, enabled it by default. When WebGPU isn’t available, the engine automatically falls back to WebGL.

If you need to force WebGL, you can use the forceWebGL prop (default: false) on the <Engine> component. This is particularly useful for WebXR, which currently does not work with WebGPU.

All documentation samples and over 125+ code sandboxes have been updated and are now WebGPU-first!

1 Like
56

Also, I’ve released a new version of babel-plugin-reactylon. It now
handles the constructor-based side effects as well.

Here’s the full set:

  • JSX-prop–based side effects
    Triggered by props like checkCollisions, physicsOptions, showBoundingBox, or by specific JSX elements such as <audio> or <highlightLayer>.

  • Prototype-based side effects
    Derived from method calls such as scene.createDefaultCameraOrLight() that rely on prototype extensions.

  • Constructor-based side effects like new ShadowGenerator(...) that require additional runtime modules.

2 Likes
57

Hey folks, I’ve just added a few new ways to start a Reactylon project.

Until now we only had the Webpack setup (automatic installation using npx create-reactylon-app or manually, piece by piece).

Now there are three starter repos you can just clone:

They are all TypeScript-based and already wired with babel-plugin-reactylon, so the JSX API works out of the box.

More details here:

2 Likes
58

Nice !!!

1 Like