A while ago, @blackleadStudio started building Wide as a personal experiment in grids and typography: ten cards that rearrange themselves into five different compositions. Along the way it grew an optional WebGL shader mode too, and the studio decided to open source the whole project for anyone to explore 🔥 Check it out: tympanus.net/codrops/?p=1226… #webgl #glsl

Everyone is sharing what Opus 5.5 can build this week, and it made us ask ourselves a different question: when making things becomes this easy, what do we actually want to make and why? Our answer was a small retro arcade, the kind we grew up hanging out in, filled with 21 games made by independent developers. Every cabinet carries the name of the person who built its game. Walk in, drop a coin, and play: tympanus.net/Demos/InsertCoi… #threejs #webgl

Today we're shining a light on @anoukiap and her approach to photorealistic 3D. See how she builds a project from a first pencil sketch to a finished render for Wabi, and the ideas behind a series of fruit, flowers, and butterflies made almost too real to trust: tympanus.net/codrops/?p=1222… #3d #cgi #cinema4d

Most cursor trails are just a blob pushing pixels around. This one swaps that for fully custom brush shapes, hatching, dots, whatever you write, using a data texture, a shader, and about ten lines of code. @berto_bau walks through the whole build with Three.js, WebGPU, and TSL: tympanus.net/codrops/?p=1216… #threejs #webgpu #tsl

Built entirely on @Webflow, Maksym Ponomarenko's yearly portfolio rebuild swings from last year's loud brutalism to quiet minimalism. He breaks down the GSAP blur effect, the WebGL background, and the Barba.js transitions behind bleibtgleich'26: tympanus.net/codrops/?p=1200… #webflow #gsap #portfolio

Where does your site show up in Google vs. AI search? This hands-on tutorial, powered by @cloroai, shows how to build a small Node.js tool that compares Google rankings with the sources cited by ChatGPT, Perplexity, and Google AI Overview. Build it in an afternoon: tympanus.net/codrops/2026/09…

A peek inside a Barcelona studio that grew from one founder's freelance practice into a team working with adidas, Google Pay, and BUFF. GATZARA shares the story behind that journey, from Xavier Cussó's nearly 20 years at agencies like B-Reel, Resn, and JKR, to side projects like a self-initiated Web3 tattoo art platform that pushed the team outside their comfort zone. Explore their work here: tympanus.net/codrops/?p=1214… #branding #webdesign #digitalstudio

An AI-generated search answer once described a purely decorative label on a website as a real product code, one that never actually existed. @francescoflow digs into what that means: websites have two readers, humans and machines, and design choices that read as obvious to a person can quietly become "facts" to a system that has no idea they were just visual flourish. Read the article: tympanus.net/codrops/?p=1211…

Crumpled paper you can unfold, grab, and throw around, built by baking a Houdini simulation into Vertex Animation Textures and playing it back in Three.js with real physics. @nagasawa_item walks through the whole process here: tympanus.net/codrops/?p=1214… From tricky FBX and EXR exports to smoothing out a messy mesh, it's a fun technical breakdown even if you've never touched Houdini. #threejs #webgl #houdini

Kononenko Architectural Bureau wanted a website that felt as considered as its architecture. Designer @liaartem and creative developer @reksaandhika built exactly that, down to sketches and drawings that move and react as part of the interface. Take a look: tympanus.net/codrops/?p=1214…

HOUSE OF YELLOW wanted a website that moved like their own work: fast, playful, constantly in motion. Ronald De Groot and Mees Verberne built exactly that, turning a bold new brand identity into a scroll-driven, GSAP powered interface where even the play button has its own choreography. Take a look at how they did it: tympanus.net/codrops/2026/09… It's a great example of motion treated as identity, not decoration. #webdesign #motion #gsap

What happens when a powerful motion engine meets WordPress? Our friends at @KirkiBuilder introduce their Interaction engine, designed to bring timeline-based animation, a library of ready-made motion presets, text effects, parallax, and micro-interactions into the WordPress workflow. Discover the possibilities: tympanus.net/codrops/2025/12… #wordpress

It started as a visual experiment made for fun, then became Vivid, an interactive @webflow experience built around motion, pixels, and custom code: tympanus.net/codrops/?p=1202… @panpolevan from @blackleadStudio shares how the team brought the original idea into Webflow, from the visual effects and interactions to rethinking how you move through the page.

How do you make the internet a bit less sh*t? @resn_has_no_i has been asking that question for more than two decades, making websites that poke you in the brain with a surprising and delightful stick 👀 Take a look at Resn’s work for Squarespace, Savor, Breakthrough Energy and Tracing Art, and see how the studio brings brand, content and digital experiences to life. Read the full story: tympanus.net/codrops/?p=1209…

Building a 3D renderer inside @figma became an exploration of form, light, materials, interaction, and the space between 3D and the design canvas. Aleksei Kipin takes us through the making of Depth, from the first experiments to the interactive website built alongside it. Explore the process: tympanus.net/codrops/?p=1200… #figma #threejs #webgl #3d #creativecoding

📼 Yestalgia brings Decathlon’s ’90s-inspired vision to the web with playful interactions, expressive motion, and a cassette-player navigation. We take a closer look at the making of the experience with @QuentinHocde, @jonathandc from @indexstd. Read the story: tympanus.net/codrops/?p=1208…

And that’s a wrap on the very first @threejsconf! 🇫🇷💙 What an incredible two days. So many amazing talks, experiments, ideas, people and moments all packed into one very special gathering of the Three.js community. ✨ Huge thank you to @makio64 for making it happen, and to all the incredible speakers who shared their work and ideas with us. And a massive ❤️ to our amazing crew on the ground: @houma_hani, @kodydev and Rafael Teixeira. They captured so much of what made these two days special and brought the whole experience back to everyone following along from afar. Now let’s see if they manage to sneak out some boat party impressions… 🚢😂 See the complete recap of the most special moments as we followed them through Paris: tympanus.net/codrops/2026/09… #threejs #threejsconf

And that’s a wrap on the talks at the very first @threejsconf! 💙🇫🇷 @IamKonky from @MerciMichel showed us how they build worlds around an experience, from Red Bull and Microsoft 365 to Hermès. Prototype early, experiment, optimize, and let the environment serve the idea. Then @bruno_simon asked what actually makes a web experience memorable: animation, performance, one original idea, fast iteration, play, sound and plenty of inspiration. 👀 Two very different talks, but a similar message: the technology is only part of the experience. It’s what you do with it that people remember. And what a way to close out the conference 💙 tympanus.net/codrops/2026/09… #threejs #threejsconf

Eight lightning talks, two minutes each, and a lot packed into the time. ⚡️ We jumped from no-code 3D tools and physical × web experiments to the @blackbirdawards, iJewel (@pixotronics), AI, YouTube and new ways of working with glTF. And @matiasperz_ showed @joyco_studio's 3D tooling 🤩 And @nicoptere… 😂 Let’s just say his two minutes were very memorable. Now Bruno Simon is on stage RIGHT NOW 👀🔥 More from Paris: tympanus.net/codrops/2026/09… #threejs #threejsconf

While Antoine Ménard is on stage, here’s a little something from @akella 👀💙 And man, what a show by Nicolas Barradeau! 🔥 More on that later… #threejs #threejsconf

Getting ready for the final two talks of the day: @IamKonky from @MerciMichel and @bruno_simon! 👀💙 But first, we’ve got the lightning talks. Two minutes each to showcase a project, just like yesterday. ⚡️ We also had a 3D Tools & Ecosystems panel with @splinetool, Miris and @intangibleai, moderated by @florianzumbrunn 👀 And a few more moments from Paris, including some shots with amazing @akella and @edankwan 📸 More to come! 🇫🇷 #threejs #threejsconf

Three more talks, three very different perspectives. 👀 @Cassandrely explored what UX can learn from performing arts, showing how framing, anticipation and surprise can make digital experiences feel more immersive. Then @sea3dformat, creator of TSL, took us deep into the future of Three.js shaders, exploring how TSL brings materials, post-processing and GPU compute together through a composable node system. ⚡️ And @edankwan from @lusionltd gave us a very technical but very fun look behind the scenes of their work, challenging the audience to guess how some of their seemingly complex effects were actually made 😄 More from Paris: tympanus.net/codrops/2026/09… #threej

While we’re listening to @sea3dformat on stage, here’s another little piece of conference magic. 👀✨ @JulieMarting from @HerveStudio showed us the magical speaker badge! And it’s only half the story… put it next to another speaker badge and the two actually interact. 🤯 What an epic little detail for the conference. 💙 More from Paris soon! 🇫🇷

A little interlude before the next talks begin… 👀💙 We have a special message from @bruno_simon, straight from Paris! 🎥👇 More from the Three.js Conference coming soon. 🇫🇷✨ #threejs #threejsconf

Three talks, three very different ways of pushing Three.js further. 👀 @mesqme took us through a hand-painted 3D pipeline, from low-poly models and hand-painted textures to texture atlases and batching for optimized Three.js scenes. Then @Andersonmancini showed how he builds ambitious WebGPU experiences under a strict technical budget, borrowing techniques from game development to make the most of every megabyte. And @onirenaud from @utsuboco took things beyond the website with an interactive installation for Expo 2025 Osaka, simulating around one million particles in real time with WebGPU. 🤯 Different challenges, different solutions, same mindset: make ambitious things work. More from Paris: tympanus.net/codrops/2026/09… #threejs #threejsconf

In the meantime, @panpolevan sent us something pretty special from Paris 👀✨ For the @threejsconf, the @blackleadStudio team created an interactive Three.js experiment that turns your name into a piece of digital architecture. Go play with it and see what your name becomes.👇 blacklead-studio.webflow.io/… And show us your creations! And if you’re curious about how it works, we’ve shared a little more about the project on Codrops: tympanus.net/codrops/?p=1205… #threejs #threejsconf

Meanwhile, while we’re listening to Misha Kiiatkin on stage… 👀 Our crew has been busy catching some of the wonderful people making this first @threejsconf so special. 💙 @bruno_simon, @Andersonmancini, @vlucendo, @victorwork_ , @RobinPayot, @CliaLpz, and the @HerveStudio team, @rbriaux & @JulieMarting 🎤✨ More from Paris soon! 🇫🇷 #threejs #threejsconf

A quick break from the talks for a conversation about Design & AI workflows. 👀 @rbriaux from @HerveStudio, @OdinLovis and Isabel (artificial.isabel on Instagram) explored how AI is shortening the distance between an idea and something you can actually see, test and iterate on. Less about simply working faster, more about having the freedom to explore more ideas. ✨ More from Paris: tympanus.net/codrops/2026/09… #threejs #threejsconf

Day Two keeps moving! 👀💙 @damienmortini took us back to the playful spirit of the experimental web, sharing how Three.js, AI and creative development can bring that feeling back. Then @mrcsmcln from Miris took us deep into radiance fields and streaming photorealistic 3D, showing just how far we can push 3D in the browser. Two very different talks, both pushing what’s possible. ✨ More from Paris: tympanus.net/codrops/2026/09… #threejs #threejsconf

The first talks of Day Two are in! 👀💙 @JustineSoulie and @Pat_Hg brought Ponpon Mania to life, blending illustration, storytelling and Three.js into a playful interactive world. Then Kris Baumgartner and @DennisSmolek shared what’s next for the @pmndrs ecosystem, from React Three Fiber to WebGPU, TSL and new 3D tooling. A great way to kick off Day Two. ✨ More from Paris: tympanus.net/codrops/2026/09… #threejs #threejsconf

Day Two of the @threejsconf is already off to a special start 👀💙 Selfies with @mesqme (Misha Kiiatkin) from EdClub and Renaud Rohlinger (@onirenaud) from @utsuboco 🤳 And something very special is happening right now… @kodydev is interviewing @mrdoob 👀🔥 More from Paris throughout the day! 🇫🇷 Follow along with our coverage: tympanus.net/codrops/2026/09… #threejs #threejsconf

That’s a wrap on Day One of the very first @threejsconf 💙 So many great talks, ideas, experiments and moments shared in Paris today. We hope everyone following along from afar is enjoying the journey with us too. 👀 And a huge shoutout to our incredible crew on the ground: Houmahani Kane (@houma_hani), Adel Sanaa (@kodydev) and Rafael Teixeira. 💙 Without them, bringing you these moments from Paris simply wouldn’t be possible. And there’s more tomorrow. ✨ Stay tuned! #threejs #threejsconf

And then came @mrdoob 👀💙 In 2010, Mr.doob released @threejs. Today, he’s exploring how AI is changing the way we think about coding and making things. One moment that really opened his eyes? Watching an 8-year-old build a small 3D game with AI. Ideas that once felt too time-consuming can now become Saturday-morning experiments. We’ve moved one level of abstraction higher. The key? Stay curious. ✨ More from Paris: tympanus.net/codrops/2026/09… #threejs #threejsconf

There’s a whole world behind the @threejsconf 👀💙 @JulieMarting & @rbriaux from @HerveStudio spent seven months building the world around it, from the art direction and website to the social media, scenography, merch and physical experience. And those speaker badges? Absolutely one of a kind. Romain spent around a month experimenting to make them work, before the final production turned into a family project over the summer. 🥹👏 The characters, the interactive venue map, the physical details, the badges... every piece was designed to make the conference feel like one cohesive world. A huge bow to Hervé Studio. 🎩✨ More from the first Three.js Conference: tympanus.net/codrops/2026/09… #threejs #threejsconf

And then things got fast ⚡️ Ten lightning talks, two minutes each, jumping from AI + Three.js and agentic 3D creation to interactive installations, animation, games and real-time rendering. Nathan from Immersive Garden (@Immersive_g) shared new ways of making 3D scenes more intuitive, @JulianGarnier gave us a look at what’s coming in Anime.js, and @KMkota0 explored creativity and AI. A lot of ideas in a very short time 🤯 More from Paris: tympanus.net/codrops/2026/09… #threejs #threejsconf

While we wait for the next talks… a little @CliaLpz magic 💃✨ She shared how she’s always pushing herself to learn something new, both in and outside of the web. And she’s putting that into practice by learning hip-hop dancing too. So of course, she brought some of it to the @threejsconf 🔥 Dream → Learn → Enjoy. What a great way to put it into practice. 💙 More from Paris: tympanus.net/codrops/2026/09… #threejs #threejsconf

Next up: “Roast My Folio” 🔥 @bruno_simon, @cassiecodes and @nicoptere put portfolios under the microscope, and they did not hold back. Fluid simulations? Illegal. Long loading times? No. Too many effects? Make a decision. And please, no walls of text or lists of every tool you know. 😂 One thing everyone agreed on: the little details matter. More from Paris: tympanus.net/codrops/2026/09… #threejs #threejsconf

And the afternoon took us in three very different directions. 👀 @CliaLpz shared her journey into 3D and WebGL. @fractorious and @nmarkoborodova from @googlechrome explored the possibilities of HTML in Canvas. And @OdinLovis from @fal showed how generative AI is becoming part of real creative workflows. Three talks, three perspectives, and lots to explore. ✨ More from Paris: tympanus.net/codrops/2026/09… #threejs #threejsconf

Kim Lê Boutin took us on a fascinating journey through her work and the evolution of the web, from early interactive experiments to her current exploration of glitches, unconventional interfaces and new ways of seeing. ✨ A great reminder that there’s no single right way to design for the web. Sometimes, breaking the rules is where the most interesting ideas begin. More from the first @threejsconf in Paris: tympanus.net/codrops/2026/09… #threejs #threejsconf

Before lunch in Paris, we got two very different takes on creating better web experiences. 👀 @cassiecodes from @greensock showed us what’s coming in GSAP 4, from new spring animations to improved Three.js integration and smoother DOM + WebGL performance. @darianevezhyna explored how digital commerce can move beyond flat product grids into immersive, atmospheric experiences. Different topics, same feeling: there’s so much more the web can do. ✨ More from the first @threejsconf: tympanus.net/codrops/2026/09… #threejs #threejsconf