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. 😄

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

First post here ! 🥳 Exploring UI for gender selection while working on my #tsl Meshline for #threejs #webgpu

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/

Working on a new minigame using #threejs and #glsl for a client. A custom immersive scene about fusion energy. Shader interactivity is so addictive 😍. Link coming soon

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

🚀 Launch time! Mantis lets you build immersive 3D storefronts in just a few clicks — no code needed. Bring your products to life, boost engagement, and stand out from the crowd. Opening access today → mantisxr.com/start Spots are limited. #threejs #webgl #creativecoding

Schumacher House is a Webby Awards Nominee 😍. We're thrilled that our #threejs project, in partnership with @levinriegner.bsky.social, has been recognized as one of the best in digital experiences. Vote here: vote.webbyawards.com/PublicVoting... Live link: 3dhouse.schumacher.com

New #threejs project for MantisXR! 🎉 🔗 camden-yards.vercel.app Dynamic physics, animated birds & clouds, lens flare, day/night toggle, and ambient sounds. Also showcasing Drei’s useBoxProjectedEnv for store interiors with great performance! Hope you like it! 😍

doodling with #threejs

🔊EchoFlowAI, the AI assistant, can now dress like Siri and play audio, music, etc. You never saw Siri that close 🤣. Powered by #threejs #ChatGPT #R3F #creativecoding

#threejs + #ChatGPT + #creativecoding = EchoFlowAI The missing Siri for the browser 😊

🤯 The WebGPU Ocean Simulator demo created by Matsuoka-601 is absolutely insane. It works with incredible performance. All credits should go to the creator. See it live here: waterball.netlify.app Link to GitHub: github.com/matsuoka-601... Link to his X profile: x.com/matsuoka_601 #WebGPU

Best WebXR DX experience EVER. Super awesome work @fez.bsky.social 👏🏻🤩🙏🏻

We have a new #threejs release available today 🤩🙌🎉. My favorite new feature is the IES support for the spotlight via the WebGPU renderer. This can bring much more realism to our interactive scenes. We have more new features and tons of improvements. Changelog here: threejs.org/changelog/?r173

Jumping on the #deepseek boat, apparently, it knows more #threejs than me already 🤯🤣. This is the result of just one prompt: "创建一个使用粗线技术渲染风线的 React Three Fiber 组件". Yes, I sometimes do prompts in Chinese, which has given me better results than in English. www.youtube.com/watch?v=Qs8l...

Link: andersonmancini.dev I updated my #threejs portfolio to add some of my latest projects. Realistic water is now available in XR mode. The Mesh Transition material is available for purchase on Patreon. Subscribe to the newsletter to stay up to date. #threejsJourney #creativecoding #webgl #glsl

Live: r3f-webgpu-post-processing.vercel.app Source: github.com/ektogamat/r3... You can download this to start your scenes with #r3f, #threejs WebGPU Renderer, and Post-Processing using #tsl. I also converted my jet engine shader from GLSL to TSL using the transpiler. I hope you like it

I'm experimenting with some react three fiber with #threejs webGPU. We don't have an EffectComposer to use post-processing effects in #r3f with WebGPU API. Now, everything is done by composing TSL nodes. I created a small component that helps in rendering post-processing effects...

Three.js r172 released 🐓 threejs.org/examples/ threejs.org/editor/ threejs.org/docs/ threejs.org/playground/ threejs.org/changelog/?r...

My Windland project looks awesome in VR 😍. I always dreamed of the day we could walk on those lands. Thanks to @belabohlender.bsky.social work, using teleport controls is super easy. Live link [non vr yet]: windland-neotix.vercel.app More features and tutorials are coming soon 😊 #threejs #webxr

☀️ Build a stunning solar system in Three.js—a fiery, glowing sun, orbiting planets, and a slick lens flare (thanks @andersonmancini.bsky.social )! Create beautiful visuals and keep things smooth with an intro to GPU profiling and optimization techniques. 👉 simondev.teachable.com/p/games-thre...

My WebXR water experiment using #threejs and #r3f now also supports Apple Vision Pro. We don't have AR sessions on it yet, as Apple is still working on it. But it's a very exciting time to be alive 😍. Live link: webxr-water.vercel.app #threejsJourney #creativecoding #VisionPro

I'm curating a list of designers creating on the intersection of: - XR - AI - haptics, - robotics - other emerging fields If you want to join: 👉 comment about yourself 💖 Like this post for the algo push 🔄 Repost for visibility #XR #VR #AR #MR #design #ui #ux #ai go.bsky.app/9PXTvjm

Black Friday late bird coupon for my react three fiber course on Udemy. www.udemy.com/course/react...

Best course ever. 50% off. A must-have for those interested in learning threejs.

My water experiment in #webxr using #threejs is live. If you have a WebXR-compatible device, you can access it here: webxr-water.vercel.app For now, the experience is optimized for #MetaQuest3. I plan to add support for more devices soon. I hope you like it 😊

Video Game Animators, where you at? I've created a new starter pack and added a few folks to get the ball rolling. If you're a video game animator (specifically) then drop your handle in the replies. Reposts welcome 🙌🏻 go.bsky.app/88k8BgR

New Video on Youtube: www.youtube.com/watch?v=INYw... The #WebXR showcase using my Realistic Water project in #threejs is working perfectly in VR/AR sessions on Quest. Next: Putting your head underwater 😍🌊 #VR #AugmentedReality #WebXR #Technology #MetaQuest

Navigating #threejs content on the Quest has been amazing. I love how you can just bring your finger close to the screen to interact—no controllers needed! It’s like having a huge touch panel for multitasking. Next step: AR in my living room! Have a Quest? Try it here: water-simulation.vercel.app

People ask me how I get good performance with my #threejs work: I set high constraints. Here’s my Realistic Water project running on a Google Pixel Watch 2. It’s just a website, not an app, with full interactivity, caustics, and camera movements. #creativecoding #webgl

What else would a #threejs water caustics shader be useful for besides a dynamic water pool? For something like this, perhaps:

I’ve taken the #threejs water realism to the next level! Now with RGB distortion in the caustics, we get even more realistic, colorful light projections. The water movement has been improved to flow naturally + underwater mode + droplets. Live link coming soon! 🌊💧 #threejsJourney #r3f

Creating some #wegl water with #threejs on React Three Fiber calculating caustics. Next step: Get the underwater effect.

🚀 New video alert! I just published a detailed guide on using the free version of Mesh Transition Material on my YouTube channel! 🎥 This effect works on any object—not just cars. Check it out! 🌈 📺 Watch here: www.youtube.com/watch?v=CTih... #ThreeJS #ReactThreeFiber #R3F #WebDev

Me giving optimization tips: "We should use post-processing effects with caution." Me working on a Halloween game with #threejs for fun 😬🎧🔈: #Halloween #creativecoding

🚀 Exciting news! My new React Three Fiber material is here! 🎉 It enables smooth color transitions for components. ✨ Free version: simple transitions ✨ Premium: GLSL shaders with gradients, ink effects & more! Check it out: 🔗https://mesh-transition-material.vercel.app/ #r3f #threejs #creativecoding

🌑 Want to add Dark Mode to your #r3f & #threejs projects? Join me for a source code review of my project Wind Land! We’ll set up Valtio, build a toggle, style overlays, and adjust 3D scenes! Watch now: www.youtube.com/watch?v=pgJ-... #threejsJourney #creativecoding

youtu.be/loC6XArTWFM If you ever wondered of how to create a project like this, this is your time 🤩 In this video, I'll take you through a full source code review of Windland, my most popular project built with #threejs! We'll explore the inner workings of this immersive 3D experience.

🚀 The breakdown of the Gomez Sim Racing Configurator is now live on my YouTube channel! Don’t miss it—this video is packed with amazing tips and tricks you can use in your next #threejs configurator projects. Watch it here: www.youtube.com/watch?v=wruh... #WebGL #WebDevelopment #threejsJourney

🚀 Explore the new products now available in the GSI configurator! 👉🏻 custom.gomezsimindustries.com It’s a perfect example of how #threejs and #webgl can create highly engaging, interactive experiences that keep potential customers hooked.

🚀 New Tutorial: Create stunning 3D web pages with Google ModelViewer & Three.js! In just 15 minutes, learn to showcase a motorcycle model, add hotspots, and customize using the ModelViewer editor. 📌 Full tutorial: www.youtube.com/watch?v=3QSb... #threejs #creativecoding #webgl

💡Free Three.js tutorial Part 2 - Transforming any #R3F scene into a scrollable 3D experience by animating the camera with the useGSAP hook. Live Project Demo: zg9xn9.csb.app YouTube Tutorial: www.youtube.com/watch?v=O3Nu... I hope you like it😊 #threejs #react #webgl #creativecoding

Free Course Coming Soon Build a Beautiful Landing Page with React Fiber & Three.js Part 1 of this FREE course teaches you how to create a 3D DNA chain and transparent pill with React Three Fiber & Three.js. Subscribe and stay tuned for the release: www.youtube.com/@AndersonMan...