# \#react

**URL:** https://discourse.threejs.org/tag/react/454.md

[Latest](https://discourse.threejs.org/latest.md) · [Categories](https://discourse.threejs.org/categories.md) · [Tags](https://discourse.threejs.org/tags.md)

---

## [Nxtspace — Cross-Platform 2D Floor Plan & 3D Architecture Editor](https://discourse.threejs.org/t/nxtspace-cross-platform-2d-floor-plan-3d-architecture-editor/95244)

<div class="topic-metadata">

**Author:** [@Heerys](https://discourse.threejs.org/u/Heerys)\
**Replies:** 0\
**Last updated:** [October 13, 2026, 12:20pm UTC](https://discourse.threejs.org/t/nxtspace-cross-platform-2d-floor-plan-3d-architecture-editor/95244 "2026-10-13T12:20:55Z")

</div>

Nxtspace Web — Draw 2D Floor Plans, Build Interactive 3D Scenes Hi everyone! :waving\_hand: I’d like to share Nxtspace, a cross-platform 3D architectural design project with a browser-based editor, mobile app, and deskto…

---

## [NUCLUME: an interactive 3D journey from a single atom to an illuminated city](https://discourse.threejs.org/t/nuclume-an-interactive-3d-journey-from-a-single-atom-to-an-illuminated-city/95164)

<div class="topic-metadata">

**Author:** [@eaabak](https://discourse.threejs.org/u/eaabak)\
**Replies:** 0\
**Last updated:** [October 10, 2026, 11:38am UTC](https://discourse.threejs.org/t/nuclume-an-interactive-3d-journey-from-a-single-atom-to-an-illuminated-city/95164 "2026-10-10T11:38:11Z")

</div>

Hi everyone, I built NUCLUME, an open-source, interactive 3D experience exploring how nuclear energy becomes electricity. The journey takes you from a uranium-235 nucleus through fission, into a reactor, and onward thr…

---

## [Uno UI: a UI system for Three.js and WebGPU, with React, Vue, and Solid.js support](https://discourse.threejs.org/t/uno-ui-a-ui-system-for-three-js-and-webgpu-with-react-vue-and-solid-js-support/95061)

<div class="topic-metadata">

**Author:** [@Enzo](https://discourse.threejs.org/u/Enzo)\
**Replies:** 0\
**Last updated:** [October 6, 2026, 5:25pm UTC](https://discourse.threejs.org/t/uno-ui-a-ui-system-for-three-js-and-webgpu-with-react-vue-and-solid-js-support/95061 "2026-10-06T17:25:33Z")

</div>

Hi everyone! Last week, I released Uno UI, a library for building high-performance, pixel-perfect user interfaces for Three.js and other WebGPU rendering engines. Uno UI and Three.js can share the same canvas and WebGP…

---

## [I Built a 2D to 3D Construction Takeoff App — Automatic BOQ Generation](https://discourse.threejs.org/t/i-built-a-2d-to-3d-construction-takeoff-app-automatic-boq-generation/94661)

<div class="topic-metadata">

**Author:** [@mohamad\_chouacha](https://discourse.threejs.org/u/mohamad_chouacha)\
**Replies:** 0\
**Last updated:** [September 25, 2026, 11:52am UTC](https://discourse.threejs.org/t/i-built-a-2d-to-3d-construction-takeoff-app-automatic-boq-generation/94661 "2026-09-25T11:52:22Z")

</div>

I built a construction quantity takeoff application that turns a 2D drawing into a 3D model and automatically generates a BOQ from the 3D elements. What the application does: • To Upload Autocad in the Application Conv…

---

## [Hiring Senior Creative Engineer (London, UK)](https://discourse.threejs.org/t/hiring-senior-creative-engineer-london-uk/93868)

<div class="topic-metadata">

**Author:** [@Dom\_Pascal](https://discourse.threejs.org/u/Dom_Pascal)\
**Replies:** 4\
**Last updated:** [September 8, 2026, 9:49am UTC](https://discourse.threejs.org/t/hiring-senior-creative-engineer-london-uk/93868 "2026-09-08T09:49:07Z")

</div>

\[FULL TIME - HYBRID CENTRAL LONDON\] Senior Creative Software Engineer @ Powster (Vista Group) Hey everyone! We’re looking for a Senior Creative Dev specializing in Three.js / WebGL / React to join us at Powster in Londo…

---

## [Playable 2D Pixel-Art Resume Built with Three.js, R3F and Rapier](https://discourse.threejs.org/t/playable-2d-pixel-art-resume-built-with-three-js-r3f-and-rapier/91263)

<div class="topic-metadata">

**Author:** [@SrPumpkin](https://discourse.threejs.org/u/SrPumpkin)\
**Replies:** 10\
**Last updated:** [July 9, 2026, 12:05pm UTC](https://discourse.threejs.org/t/playable-2d-pixel-art-resume-built-with-three-js-r3f-and-rapier/91263 "2026-07-09T12:05:27Z")

</div>

Hi everyone, I’m sharing a playable resume implemented as a 2D pixel-art platformer using Three.js, React Three Fiber, and Rapier. The project uses Three.js/R3F for real-time rendering and scene composition, with Rap…

---

## [Interactive 3D Robot Portfolio (React Three Fiber)](https://discourse.threejs.org/t/interactive-3d-robot-portfolio-react-three-fiber/92251)

<div class="topic-metadata">

**Author:** [@Jorge-Cuevas90003](https://discourse.threejs.org/u/Jorge-Cuevas90003)\
**Replies:** 2\
**Last updated:** [June 16, 2026, 5:41pm UTC](https://discourse.threejs.org/t/interactive-3d-robot-portfolio-react-three-fiber/92251 "2026-06-16T17:41:01Z")

</div>

Hey everyone, I built an interactive 3D robot portfolio using React Three Fiber, Drei, and Zustand. My goal was to learn WebGL animations and build a responsive 3D UI. The project features an interactive robot model wi…

---

## [Senior React Three Fiber / Three.js Engineer (full-time remote, Europe timezones)](https://discourse.threejs.org/t/senior-react-three-fiber-three-js-engineer-full-time-remote-europe-timezones/91316)

<div class="topic-metadata">

**Author:** [@srm](https://discourse.threejs.org/u/srm)\
**Replies:** 6\
**Last updated:** [May 6, 2026, 1:33am UTC](https://discourse.threejs.org/t/senior-react-three-fiber-three-js-engineer-full-time-remote-europe-timezones/91316 "2026-05-06T01:33:40Z")

</div>

About the product We’re building an industry-grade 3D design tool that empowers US homeowners to navigate solar independently. Our platform reconstructs a user’s home in 3D from satellite imagery in seconds using propri…

---

## [Use Three.js+Augumented reality for all browsers on web (image and surface detection) + react](https://discourse.threejs.org/t/use-three-js-augumented-reality-for-all-browsers-on-web-image-and-surface-detection-react/45913)

<div class="topic-metadata">

**Author:** [@vira4\_company](https://discourse.threejs.org/u/vira4_company)\
**Replies:** 4\
**Last updated:** [February 28, 2026, 4:31am UTC](https://discourse.threejs.org/t/use-three-js-augumented-reality-for-all-browsers-on-web-image-and-surface-detection-react/45913 "2026-02-28T04:31:34Z")

</div>

Hi guys I tested different ways for run AR on web for image tracking like : and Webxr Now I want to find a new one that worked for all browsers and have plane detection and high performance I use react.js for front …

---

## [Virtual Cinema With P2P Mesh Share Screen Broadcast](https://discourse.threejs.org/t/virtual-cinema-with-p2p-mesh-share-screen-broadcast/90046)

<div class="topic-metadata">

**Author:** [@Dejoyag782](https://discourse.threejs.org/u/Dejoyag782)\
**Replies:** 0\
**Last updated:** [February 25, 2026, 2:16pm UTC](https://discourse.threejs.org/t/virtual-cinema-with-p2p-mesh-share-screen-broadcast/90046 "2026-02-25T14:16:17Z")

</div>

Live Demo: Vinema 3D This web app integrates PeerJS and ThreeJs to make a virtual cinema where a host can invite others to watch films together. Tech: Three.js, PeerJS, React + Typescript Features: 3D Cinema, Seat …

---

## [Graphisual: Interactive Graph Visualizer with a 3D Mode](https://discourse.threejs.org/t/graphisual-interactive-graph-visualizer-with-a-3d-mode/89535)

<div class="topic-metadata">

**Author:** [@lakbychance](https://discourse.threejs.org/u/lakbychance)\
**Replies:** 2\
**Last updated:** [January 30, 2026, 4:12pm UTC](https://discourse.threejs.org/t/graphisual-interactive-graph-visualizer-with-a-3d-mode/89535 "2026-01-30T16:12:43Z")

</div>

Hey everyone, I’ve been working on Graphisual, an interactive graph visualizer that lets you draw graphs and watch algorithms run visually, with an optional 3D mode to explore graphs spatially. Most graph visualiz…

---

## [Strange behaviour when skipping react render cycle R3F](https://discourse.threejs.org/t/strange-behaviour-when-skipping-react-render-cycle-r3f/89001)

<div class="topic-metadata">

**Author:** [@Askkattor](https://discourse.threejs.org/u/Askkattor)\
**Replies:** 0\
**Last updated:** [January 7, 2026, 11:25am UTC](https://discourse.threejs.org/t/strange-behaviour-when-skipping-react-render-cycle-r3f/89001 "2026-01-07T11:25:05Z")

</div>

Hello guys I hope someone can help me understand whats going on and if what I am doing is some kind of anti-pattern. I am trying stop react from rerendering the AnimatedBox component and only update the values in u…

---

## [3D forms with THREEjs](https://discourse.threejs.org/t/3d-forms-with-threejs/88541)

<div class="topic-metadata">

**Author:** [@devtom](https://discourse.threejs.org/u/devtom)\
**Replies:** 2\
**Last updated:** [December 11, 2025, 4:19pm UTC](https://discourse.threejs.org/t/3d-forms-with-threejs/88541 "2025-12-11T16:19:43Z")

</div>

I’ve started my first npm package to allow people to create simple custom interactive 3D forms on their apps using React. It’s called r3form. npm r3form Does anyone think this would actually be any use or am I wasting …

---

## [Packet Panic - An educational arcade game that makes the invisible infrastructure of the internet tangible by revealing the risks and mechanics behind BGP hijacking.](https://discourse.threejs.org/t/packet-panic-an-educational-arcade-game-that-makes-the-invisible-infrastructure-of-the-internet-tangible-by-revealing-the-risks-and-mechanics-behind-bgp-hijacking/87982)

<div class="topic-metadata">

**Author:** [@liekevdvoort](https://discourse.threejs.org/u/liekevdvoort)\
**Replies:** 1\
**Last updated:** [November 7, 2025, 4:19pm UTC](https://discourse.threejs.org/t/packet-panic-an-educational-arcade-game-that-makes-the-invisible-infrastructure-of-the-internet-tangible-by-revealing-the-risks-and-mechanics-behind-bgp-hijacking/87982 "2025-11-07T16:19:35Z")

</div>

An educational arcade game that makes the invisible infrastructure of the internet tangible by revealing the risks and mechanics behind BGP hijacking. Created by: https://www.tast.studio/ …

---

## [3D T-shirt Designer](https://discourse.threejs.org/t/3d-t-shirt-designer/67987)

<div class="topic-metadata">

**Author:** [@AriyanMLZM](https://discourse.threejs.org/u/AriyanMLZM)\
**Replies:** 5\
**Last updated:** [October 3, 2025, 7:24pm UTC](https://discourse.threejs.org/t/3d-t-shirt-designer/67987 "2025-10-03T19:24:26Z")

</div>

Design your own T-shirt. visit T-Designer my Github Techs Typescript React js Three js Tailwindcss Gsap Features Logo Configure File Uploader Color Picker Downloader Coming soon… …

---

## [Minimal Model Showcase with Hotspots](https://discourse.threejs.org/t/minimal-model-showcase-with-hotspots/87224)

<div class="topic-metadata">

**Author:** [@AriyanMLZM](https://discourse.threejs.org/u/AriyanMLZM)\
**Replies:** 0\
**Last updated:** [September 29, 2025, 10:07am UTC](https://discourse.threejs.org/t/minimal-model-showcase-with-hotspots/87224 "2025-09-29T10:07:59Z")

</div>

Minimal 3d Showcase 3D app that can be used to showcase a 3d model or product. :backhand\_index\_pointing\_up:t3: YouTube Preview Source Code Techs Three.js React.js Typescript Gsap Tailwindcss Vite Blender Features …

---

## [Please help. Poor performance in simple scene - React Fiber / Drei](https://discourse.threejs.org/t/please-help-poor-performance-in-simple-scene-react-fiber-drei/84788)

<div class="topic-metadata">

**Author:** [@iKrusz](https://discourse.threejs.org/u/iKrusz)\
**Replies:** 1\
**Last updated:** [July 3, 2025, 10:24am UTC](https://discourse.threejs.org/t/please-help-poor-performance-in-simple-scene-react-fiber-drei/84788 "2025-07-03T10:24:10Z")

</div>

Hi! I’m quite new into three.js. I’ve created a simple animation of VideoTexture masked out by a shape. This shapes animates initially, and later on on scroll event. It works fine on faster computers, but there’s a poor…

---

## [React/Next.js developer with experience in 3D websites, GSAP, game design, and more!](https://discourse.threejs.org/t/react-next-js-developer-with-experience-in-3d-websites-gsap-game-design-and-more/84723)

<div class="topic-metadata">

**Author:** [@Lucas\_Lamonier](https://discourse.threejs.org/u/Lucas_Lamonier)\
**Replies:** 0\
**Last updated:** [July 1, 2025, 1:52pm UTC](https://discourse.threejs.org/t/react-next-js-developer-with-experience-in-3d-websites-gsap-game-design-and-more/84723 "2025-07-01T13:52:42Z")

</div>

Hey! I’m Lucas, a full-stack dev that has been working with 3D graphics and GSAP for nearly three years now. My portfolio was featured on the GSAP official showcase back in December 2023. My latest project was also acce…

---

## [Error in React Post processing](https://discourse.threejs.org/t/error-in-react-post-processing/83537)

<div class="topic-metadata">

**Author:** [@Randy\_Kevin](https://discourse.threejs.org/u/Randy_Kevin)\
**Replies:** 10\
**Last updated:** [June 4, 2025, 1:19pm UTC](https://discourse.threejs.org/t/error-in-react-post-processing/83537 "2025-06-04T13:19:37Z")

</div>

Hello all, I try to implement a little Post Processing in my scene 3D but i has a bug, that i don’t know why. I just add an EffectComposer and it got an Error. I try to go in the docs to, look how they use it, and i re…

---

## [Looking for web GLB developer for job](https://discourse.threejs.org/t/looking-for-web-glb-developer-for-job/83286)

<div class="topic-metadata">

**Author:** [@Joep](https://discourse.threejs.org/u/Joep)\
**Replies:** 8\
**Last updated:** [May 31, 2025, 4:14pm UTC](https://discourse.threejs.org/t/looking-for-web-glb-developer-for-job/83286 "2025-05-31T16:14:08Z")

</div>

Because of limited time and I’m not a web GLB developer, I have a job that can be outsourced. The job details will be discussed via email and payment is discusses via email. Im looking for a developer who can finish th…

---

## [Boundaries and Collision on a mesh custom glb with transformer](https://discourse.threejs.org/t/boundaries-and-collision-on-a-mesh-custom-glb-with-transformer/83000)

<div class="topic-metadata">

**Author:** [@Joep](https://discourse.threejs.org/u/Joep)\
**Replies:** 0\
**Last updated:** [May 23, 2025, 5:54am UTC](https://discourse.threejs.org/t/boundaries-and-collision-on-a-mesh-custom-glb-with-transformer/83000 "2025-05-23T05:54:49Z")

</div>

Hii, I have created a box with 4 walls, a bottom and a ceiling. The code for this box \<Physics gravity={\[0, -9.81, 0\]}\> \<RigidBody type="fixed"\> \<mesh posit…

---

## [Moving Mesh objects with RigidBody](https://discourse.threejs.org/t/moving-mesh-objects-with-rigidbody/82727)

<div class="topic-metadata">

**Author:** [@Joep](https://discourse.threejs.org/u/Joep)\
**Replies:** 3\
**Last updated:** [May 19, 2025, 8:20pm UTC](https://discourse.threejs.org/t/moving-mesh-objects-with-rigidbody/82727 "2025-05-19T20:20:28Z")

</div>

Hii, For the last couple of days I’ve been trying to solve a problem which I can’t seem to figure out. Im trying to move the following code in the x,z and y coordinates. Im not just trying to move the object but also h…

---

## [FBO ping-pong texture mapping issue R3F](https://discourse.threejs.org/t/fbo-ping-pong-texture-mapping-issue-r3f/81852)

<div class="topic-metadata">

**Author:** [@crookshankkz](https://discourse.threejs.org/u/crookshankkz)\
**Replies:** 0\
**Last updated:** [April 30, 2025, 8:52pm UTC](https://discourse.threejs.org/t/fbo-ping-pong-texture-mapping-issue-r3f/81852 "2025-04-30T20:52:25Z")

</div>

Hello!!. I’m trying to make an interactive particle system using R3F and Frame Buffer Objects. So, at this point there should be a disc shape with particles. And it works too. But when I’m doing the ping-pong texture map…

---

## [Call async function in useFrame?](https://discourse.threejs.org/t/call-async-function-in-useframe/81509)

<div class="topic-metadata">

**Author:** [@Jim\_Rend](https://discourse.threejs.org/u/Jim_Rend)\
**Replies:** 0\
**Last updated:** [April 22, 2025, 7:14pm UTC](https://discourse.threejs.org/t/call-async-function-in-useframe/81509 "2025-04-22T19:14:03Z")

</div>

I need to make a fetch call when the camera’s position crosses a threshold. I need the function to be callable again, but not until after 1000ms has passed. Ideally this would happen immediately, but a small delay is to…

---

## [Can not load GLTFLoader in nextjs application!](https://discourse.threejs.org/t/can-not-load-gltfloader-in-nextjs-application/12317)

<div class="topic-metadata">

**Author:** [@afsanefda](https://discourse.threejs.org/u/afsanefda)\
**Replies:** 19\
**Last updated:** [April 14, 2025, 3:56pm UTC](https://discourse.threejs.org/t/can-not-load-gltfloader-in-nextjs-application/12317 "2025-04-14T15:56:05Z")

</div>

I’m using react-three-fiber , three and nextjs to display some birds which is a common example in threejs ! Here is my index file of a nextjs app: import React, { useRef, useState, useEffect } from 'react'; impor…

---

## [Tech Redux Website](https://discourse.threejs.org/t/tech-redux-website/80950)

<div class="topic-metadata">

**Author:** [@Muhammad\_Bilal](https://discourse.threejs.org/u/Muhammad_Bilal)\
**Replies:** 0\
**Last updated:** [April 9, 2025, 7:30am UTC](https://discourse.threejs.org/t/tech-redux-website/80950 "2025-04-09T07:30:24Z")

</div>

Hey everyone! Just wanted to share something I’ve been working on — I recently started my own web studio called Tech Redux. The idea is to build cool and immersive 3D experiences for the web. I made a site for it. A…

---

## [Shaders / tracking sandbox](https://discourse.threejs.org/t/shaders-tracking-sandbox/63217)

<div class="topic-metadata">

**Author:** [@yesbird](https://discourse.threejs.org/u/yesbird)\
**Replies:** 0\
**Last updated:** [March 25, 2024, 6:54am UTC](https://discourse.threejs.org/t/shaders-tracking-sandbox/63217 "2024-03-25T06:54:26Z")

</div>

Shaderpipe - sandbox for experiments with GLSL and Google’s MediaPipe, based on Three.js and React.js with Material-UI . Includes face detection and hand tracking. Code: Github

---

## [SvelteKit Vs React performance for THREE.js: A review thourgh my new two web pages](https://discourse.threejs.org/t/sveltekit-vs-react-performance-for-three-js-a-review-thourgh-my-new-two-web-pages/76482)

<div class="topic-metadata">

**Author:** [@Henrique\_Andrade](https://discourse.threejs.org/u/Henrique_Andrade)\
**Replies:** 2\
**Last updated:** [January 15, 2025, 5:44pm UTC](https://discourse.threejs.org/t/sveltekit-vs-react-performance-for-three-js-a-review-thourgh-my-new-two-web-pages/76482 "2025-01-15T17:44:26Z")

</div>

I recently decided to rebuild both my personal and company portfolios. For the past few years, I’ve been using Svelte (with Threlthe) and React (with R3F). However, most of the companies I work with prefer React due to …

---

## [My personal Portfolio - from Argentina](https://discourse.threejs.org/t/my-personal-portfolio-from-argentina/74964)

<div class="topic-metadata">

**Author:** [@Lorenzo\_Lopez](https://discourse.threejs.org/u/Lorenzo_Lopez)\
**Replies:** 5\
**Last updated:** [December 9, 2024, 11:04pm UTC](https://discourse.threejs.org/t/my-personal-portfolio-from-argentina/74964 "2024-12-09T23:04:11Z")

</div>

I’m excited to share my portfolio with the Three.js community and to submit it for consideration on the Three.js homepage. I hope it can inspire others and showcase what’s possible with Three.js! Hola como estan? eh lan…

---

## [3d portfolio | react three fiber](https://discourse.threejs.org/t/3d-portfolio-react-three-fiber/74239)

<div class="topic-metadata">

**Author:** [@hassankarrach](https://discourse.threejs.org/u/hassankarrach)\
**Replies:** 1\
**Last updated:** [November 21, 2024, 3:28pm UTC](https://discourse.threejs.org/t/3d-portfolio-react-three-fiber/74239 "2024-11-21T15:28:19Z")

</div>

Hey Three.js community! :wave: I’m excited to share my interactive portfolio built with React Three Fiber and GSAP! It features a dynamic 3D room experience with smooth scroll-based camera transitions and engaging anima…

[Next page](https://discourse.threejs.org/tag/react/454.md?match_all_tags=true&page=1&tags%5B%5D=react)