XR-first React ecosystem built on Babylon.js for production-ready WebXR and 3D experiences.

Build real 3D & XR products with React, not just tech demos.

Reactylon aims to be the place where:

• XR-first React architectures are explored, refined, and shared.
• Real product patterns are extracted from real-world 3D/XR apps, not just playgrounds.
• Tooling for tree-shakable, type-safe, cross-platform 3D experiences keeps evolving.

If you’re building or planning serious WebXR and 3D applications with React and Babylon.js, Reactylon is the ecosystem you can grow in, not just experiment with.

The brain of the ecosystem.

• Declarative syntax for Babylon.js in JSX
• Deep React integration (state, hooks, composition)
• Automatic scene injection and object management
• Cross-platform: desktop & mobile browsers, PWAs, XR/VR/AR headsets

You stay in React. Reactylon drives Babylon.js across web, mobile, and XR headsets.

The compiler sidekick.

• Statically analyzes Reactylon JSX elements
• Generates deep, tree-shakable ES modules from @babylonjs/core and @babylonjs/gui
• Automatically injects required side-effect imports

You write clean JSX. The plugin makes the bundle smart and lean.

The fast lane into Reactylon.

• Bootstraps a React 19 project with Reactylon prewired
• Configures Babylon.js engine, physics, and a starter scene
• Gives you a runnable project in one command: npx create-reactylon-app my-app

You run one command. It scaffolds a Reactylon boilerplate app for you.