11M downloads/week 🚀

Need realistic reflections on the web without killing performance? ✨ Here is a neat setup using reflection probes and lightmaps in Blender. Might be ideal for your next real estate or interior gig! 👉 engine.needle.tools/samples/… #HomeDecor #Ecommerce #InteriorDesign #threejs

The web is boring? Nah. 3D changes the first impression. This spinning sphere connects every term of the AI era into one shape real-time, in the browser 💪🏻 3d-spiro-petercsipkay.netlif… #threejs #3d #developer

One physics language for all your Three.js projects why juggle multiple engines? PHY bridges three.js with Havok & PhysX and runs on a Worker or direct, so game creation gets a whole lot simpler. by lo-th Check it out: threejsresources.com/tool/ph… #Threejs #WebGL #GameDev #3d

🚀 I'm launching r3f-webgpu-perf today! "npm i r3f-webgpu-perf" One thing I missed while working with WebGPU in React Three Fiber was a performance monitor similar to r3f-perf. The existing tool is fantastic, but it doesn’t support the WebGPU renderer yet. So I decided to build one. ✅ Supports both WebGL and WebGPU ✅ Modern and customizable UI ✅ Lightweight and easy to integrate ✅ Built specifically for React Three Fiber My goal is to turn r3f-webgpu-perf into more than just a metrics dashboard. I want it to become a learning tool that provides real-time optimization suggestions based on the techniques I’ve developed while building hundreds of interactive 3D projects over the last two decades. A vanilla Three.js version is also planned. If you’re building with Three.js, React Three Fiber, or WebGPU, I’d love for you to try it and share your feedback. ⭐ GitHub: github.com/ektogamat/r3f-web… 📦 NPM: npmjs.com/package/r3f-webgpu… Every GitHub star helps make the tool better for the entire community. #threejs #creativecoding #webgpu #r3f

Happy to announce: threejsresources.com now offers its second interactive course, all about the Three.js Shading Language (TSL). In this course you read the concepts and see them in action in a live preview. Change the values, watch the preview update in real time, then copy each section's code and build your own version from it. It's in early access with free updates as new sections and improvements roll out. You've seen what leading developers create with TSL and WebGPU. Now it's your turn ! 48 lessons teach you how to create holograms, glass, dissolve, GPU particles and a scroll-driven 3D landing page. threejsresources.com/courses… #Threejs #WebGPU #TSL @threejs

The web can do more than we ask it to. So I started a series: What's Possible on the Web™ bringing 3D web interaction to life. 🌐 First one's live 👇 mission-ai-petercsipkay.netl… #threejs #threejsresources #3d #design #landingpage

Stack shaders like Photoshop layers. Shader Lab lets you create, stack & animate shaders CRT, glitch, bloom, dithering with keyframes and live preview. Creator: @basementstudio Check it out: threejsresources.com/tool/sh… #Threejs #WebGL #Shaders

everyone: the web is dead, it's all the same AI slop three.js devs: hold my beer

Made a little demo website following @SpaceX's successful Starship Flight 12. Link: flight12.vercel.app/ #threejs #threejsJourney

It's amazing what proper lighting (and Skyrim music 😁) can do to a scene. I'm replacing the procedural sky in Three.js Water Pro v3 with HDRIs from Polyhaven (converted to UltraHDR jpeg, only 500KB instead of 20MB). I think the results speak for themselves.

🙌

Three.js Water Pro V3 is launching soon! 🚀 I am putting together a migration guide since the new updates introduced a few breaking changes. You can also point your agent at this document and it can help do the migration for you.

Three.js turns 16 today ~ 🌬️🎂

Three.js r184 released ⛅️ threejs.org/changelog/?r184

New Website for @tectonicxyz, a Quantum Infrastructure Company. When the Tectonic team approached us, they wanted a website that represented the seriousness of their work, but also have some playfulness to it. So, we made something that combined the discipline of Swiss Design and the playfulness of webGL. Link: tectonic.xyz

Three.js and @Meta Extend Multi‑Year Partnership to Power Next‑Generation VR Experiences 🤝

Added interaction support to the HTMLTexture (html-in-canvas) example. github.com/mrdoob/three.js/p…

There is still some 50% discount codes left! and one of them hasn't been found even once. Only a 5 hours left! Hurry up. bruno-simon.com Clues in the comments 👇

Learn @threejs FAST🔥 Interactive Three.js guide Part 1/5, 19 interactive scenes Bookmark and follow for next parts 📘 Link below 👇