Building 3D Web Apps in 2025 – React, XR & AI?

Maintainer of react-three/uikit and react-three/xr

This talk is confirmed. The time of the talk will be announced soon.

The recording will be published after editing. Multipass and Full ticket holders have early access.

3D on the web is no longer just about fancy tech demos — it’s now used to build high-quality tools, visualizations, games, and immersive experiences. In this talk, we’ll explore why, what, and how to build production-ready 3D web apps with React in 2025 — and whether AI can help. What we’ll cover:

A quick history of 3D on the web
The current state of the React Three ecosystem
Getting started live by building a XR react app
The role AI can play in building 3D experiences
Why 3D is becoming a frontier for expressing your creative and engineering skills

Whether you're just curious about 3D or already building apps with the React Three ecosystem, this talk will show you what’s coming, what’s already possible — and how to get started with React and 3D.

This talk has been presented at React Advanced 2025, check out the latest edition of this React Conference.

Bela Bohlender

Video transcription, chapters and summary will be available later.

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

TresJS, a declarative way of creating 3D scenes from Vue components

Vue.js London 2023

27 min

TresJS, a declarative way of creating 3D scenes from Vue components

Alvaro Saburido

Storyblok

The speaker discovered 3D with 3GS and was inspired to create a 3D ecosystem for the Vue community using Troy.js. The process of setting up a 3D scene and objects in Tress was explained, along with creating and configuring 3D objects. The talk also covered animating objects with Tress and the 'Cientos' package, as well as the future of Tress.js and its compatibility with older versions of Three. The speaker expressed gratitude to sponsors and contributors and highlighted the potential for product customization with Tress.js.

vue vue 3 3d

From Blender to the Web - the Journey of a 3D Model

React Advanced 2021

27 min

From Blender to the Web - the Journey of a 3D Model

Top Content

Liad Yosef

Shopify

This Talk explores the use of TypeScript, 3JS, hand recognition, and TensorFlow.js to create 3D experiences on the web. It covers topics such as rendering 3D objects, adding lights and objects, hand tracking, and creating interactive gestures. The speaker demonstrates how to build a cube and a bouncy box, move objects with flick gestures, and create a solar system with stars and planets. The Talk also discusses the possibilities of using hand gestures for web navigation and controlling websites, as well as the performance limits of these technologies.

tensorflow 3d three.js

Scaling React-Three-Fiber Applications beyond the Hello World

React Summit 2023

20 min

Scaling React-Three-Fiber Applications beyond the Hello World

Watch video: Scaling React-Three-Fiber Applications beyond the Hello World

Giulio Zausa

Flux.ai

WebGL has evolved from showcasing technology to being used in everyday applications like Google Maps and Figma. React and 3.js can be used together to build WebGL applications, allowing for reusable components and declarative development. Building complex 3D graphics applications requires efficient data structures, algorithms, and rendering techniques. The Flux CAD editor uses React, 3.js, and React ReFiber to handle complex engineering documents and optimize GPU utilization. Optimizing the render loop and GPU performance is crucial for improving WebGL application performance. Instance rendering can be used to optimize text rendering in WebGL applications, achieving efficient rendering of thousands of 3D characters.

best practices scalability 3d three.js react three fiber react three fiber performance

Bring the Magic of 3D to Your Vue Applications With TresJS

JSNation US 2024

9 min

Bring the Magic of 3D to Your Vue Applications With TresJS

Alvaro Saburido

Storyblok

What if I told you that this scene or game is entirely done with Vue components? I'm presenting Trace.js, a library to bring 3D to Vue applications. In the setup syntax of Vue, we import the TraceCampos component and add it with a prop called window size. By adding a light to the scene, we can create our first 3D renderer. The post processing library for TresCS was launched, allowing developers to easily add effects like glow to their 3D scenes. TresCS allows you to build impressive scenes with minimal code. Let's quickly demo some galaxies using view components.

vue 3d