New React Three Fiber Performance Monitor designed for WebGPU launching today: www.npmjs.com/package/r3f-... Please provide some feedback and give some start on GitHub if you think it can be useful to others ;)
Anderson Mancini
@andersonmancini.bsky.social
Creative developer from Brazil 🇧🇷 CTO @neotix. XR / AR / VR Three.js evangelist and teacher.
New Job Opportunity Alert! 3D Foundation Engineer (Contract - Remote) We're building the future of Civil Engineering SaaS with cutting-edge 3D visualization. Own the architecture using React Three Fiber and WebGPU to handle large-scale spatial data (GIS, BIM, Point Clouds).
GemGPU™, an accurate diamond renderer built with WebGPU and #threejs. Comes with a new exclusive performance and configuration panel. Live link soon.
Working on my own gem renderer with a custom refraction material in TSL for #WebGPU, combining Screen Space Reflections + SSGTAO for superior results, as this allows diamonds to generate reflections on the metal mesh. The performance is incredible, even on gems with over 200 diamonds.
Playing with #threejs WebGPU using TSL to create a fluid painter. I like the way it dries over time. Next, I will test the mesh painter. Let's see how it goes ;) #creativecoding
Finally found some time to optimize my #threejs WebGPU architecture visualization project for mobile devices. It was also accepted as a nominee on awwwards and is now up for voting there. If you are nearby, check it out:https://www.awwwards.com/sites/3d-webgpu-archiviz
www.youtube.com/watch?v=ag9E... New features in the #threejs architecture visualization project for Planpoint. A neighborhood view and unit search. And incredibly, everything you see in this video loads less than 6MB 🤯 Live link: planpoint-webgpu.vercel.app #webgpu #creativecoding
Threejs Architecture Visualization using WebGPU
YouTube video by Anderson Mancini - Creative Developer
youtube.com
I finally finished porting my "Ultimate Lens Flare" to the #threejs WebGPU. The performance is incredible because now, threejs has occlusion queries directly integrated into the render pipeline. If you want to see the result: planpoint-webgpu.vercel.app #webgpu #tsl #threejsJourney #creativeCoding
Live link : planpoint-webgpu.vercel.app My new #threejs project is live. WebGPU + SSGI + SSR + SSAO + SSS + DOF + Chromatic Aberration + Octahedral impostors = happiness haha. 1 million triangles and 25.000 trees, with all PP effects, running at 60 FPS, under 10mb download 😊
WebGPU Building Demo - Planpoint
Experience native Screen Space Global Illumination (SSGI) with WebGPU and React Three Fiber. Watch real-time color bleeding, dynamic emissive lighting, and realistic light bounces in an interactive 3D...
planpoint-webgpu.vercel.app
www.youtube.com/watch?v=SgNc... A little work in progress on my new #threejs project showing how Screen Space Global Illumination also works wonders in open scenes. Adjusting the time of day in a scene like this is like a dream come true 😍. More details soon. #webgpu #tsl #creativecoding
Planpoint WebGPU vs WebGL Comparison - Threejs SSGI
YouTube video by Anderson Mancini - Creative Developer
youtube.com
Live link: lumen-decor-studio.vercel.app My new #threejs project is live😍. Lumen Decor features WebGPU SSGI+SSR, showcasing how sunlight can influence decoration. Everything you see renders in real-time and weighs 4MB. #creativecoding #webgpu #tsl www.youtube.com/watch?v=xlRa...
Lumen Decor Studio - 3D Configurator - Threejs WebGPU TSL SSGI SSR
YouTube video by Anderson Mancini - Creative Developer
youtube.com
A new threejs game editor in the works with webgi, components, hot reload, serialization and more
New update to my #threejs Lumen Decor Studio project. Color selection behavior is ready🤩. Thanks to real-time global illumination, colors now blend naturally with sunlight, creating beautiful bounced colors everywhere. Video: youtu.be/mpctEez2oCI?... #webgpu #tsl #creativecoding
Lumen Decor Studio - Color selection - New 3D Configurator - Threejs WebGPU TSL SSGI SSR
YouTube video by Anderson Mancini - Creative Developer
youtu.be
Update on my new #threejs project, Lumen Decor Studio. With SSGI+SSR in action, clients can visualize, in real time, how light can influence a room's decor and how the chosen colors blend with the light to create a cozy atmosphere. Next step: color selection behavior😍
Rendering 3D in real time, from the browser, using #threejs WebGPU. SSGI + SSR + GTAO 😊. #webgpu #tsl #creativecoding
New SSGI node — real-time bounced light straight in the browser. The whole scene weighs under 9 MB (less than a single PNG 😳). Live link: ssgi-webgpu-demo.vercel.app No baked lighting, no limits #threejs #webgpu #r3f #ssgi #creativecoding
#threejs r181 is going to be insane. I’ve been playing with it before release — and we finally have native Screen Space Global Illumination + SSAO via #TSL in #r3f and #WebGPU. Live link soon. Subscribe at andersonmancini.dev Higher resolution video at: www.youtube.com/watch?v=hIRe...
We’re live!! My brand-new course, “Whimsical Animations”, is now available. 🥳🎉 whimsy.joshwcomeau.com I’m so excited to share all of my animation tools and techniques with y’all. 😄
Whimsical Animations
Learn how to create charming interactions and delightful touches using the magic of CSS, JavaScript, SVG, and Canvas. I’m sharing all my tricks in this one!
whimsy.joshwcomeau.com
Did you know that you can integrate Gaussian Splatting with #threejs meshes for hyper-realistic surroundings + interactivity? This is a powerful combo that significantly improves realism. Live link: threejs-gaussian-splatting.vercel.app
I built a playable Softbody Tetris using #threejs #tsl and my softbody engine! 🕹️ I still consider this a work in progress, but you can already try it out in your #webgpu compatible browser here: 🔗 holtsetio.com/lab/tetris/
github.com/ektogamat/ap... Free Source code available for download: Apple Liquid Glass via #threejs and React Three Fiber. I hope you like it 😊 #creativecoding #webgl
Live link for the Apple Liquid Glass via #threejs is here: appleliquidglass.vercel.app Source code will be available soon 😊 #creativecoding #WWDC25 #r3f
#iOS26 Apple Liquid Glass via #threejs and React Three Fiber looks sick 🤩. I will be releasing the source code soon. Do you want it? Please sign up for my newsletter: andersonmancini.dev #creativecoding #WWDC25
Some updates on my #threejs Classics Garage project. Now, if you're in a hurry and want to skip the game mode using ispect, you can use the Konami Code [↑ ↑ ↓ ↓ ← → ← → B A] to unlock all available features. The option is also available in settings. www.classics-garage.com #r3f #creativecoding
I'm back to working on my water simulator for interactive experiences using #threejs. This time, I'm experimenting with #WebGPU and #TSL for better performance. The link and potentially a tutorial will be available soon. Current version is available here: water-simulation.vercel.app
Just a quick #threejs tip that you can save for later: never underestimate the power of a custom envmap 😛. Using the grounded projection envmap can save millions of triangles when the user doesn't need to move in the scene. Follow the thread 👇🏻🧵 #webgl #creativecoding #r3f
New template on MantisXR! 🤩 Let your customers style a mannequin and mix outfits before buying. Customize your store with images, colors, brightness & effects. 👉 Start now: www.mantisxr.com/start/ Built with ❤️ using #threejs & React Three Fiber