Open-sourcing the Next.js Nights shader! Live: Source: Made with... Three.js TSLshow more

Draw GLSL flowers with your cursor! 🌺 One full-screen... plane, two render targets, and a bit of shader magic Live demo & source code: Made with Three.js Hosted on CodePen.IO Special thanks to The Book of Shaders #webgl #glsl #threejs #shader #drawingtoolshow more

GLSL fire shader based on Simplex noise with a... static SVG overlay. No interactivity this time, just sketching on Saturday night ¯\_(ツ)_/¯ Live demo & source code: Made with Three.js Hosted on CodePen.IOshow more

My Three.js + TSL shader course — Fragments —... is open for registration for the next 2 weeks! It's the perfect way to learn the techniques that power some of the most incredible shaders out there, and how to build them in code.show more

Built an interactive Three.js system where click/touch input morphs... 6,000 shader particles between code-generated mathematical structures. Open source code and demo 👇show more

3D Landing Page Template (Source Code - Free)! built... with - Next.js - Tailwind CSS - Three.js - GSAP A lightweight, visually impactful 3D Demo + Source Code (Free) : 1st comment 👇show more

The Milkmaid live demo is here! At Revelium™ Studio... , with Dominik Fojcik, we re-imagined Vermeer’s Milkmaid through WebGPU, and TSL particles in Three.js turning a timeless painting into living data. #ThreeJS #WebGPU #AI #TSL #Particlesshow more

Open-source GitHub alternative just dropped → Landing page built... with Next.js, Tailwind CSS and Rive 🔥show more

We built open-source smart glasses with 6 times the... battery of Meta Ray-Bans Save the post, open-sourcing everything in the next 10 hoursshow more

Stop fighting GLSL strings in Three.js 🥊 TSL (Three.js... Shading Language) lets you write shaders in JavaScript with actual IDE support, proper debugging, and the ability to seamlessly extend existing materials. Learn more in my latest blog post 👇🏻 #threejs #webgl #webgpu #tsl #threejsroadmapshow more

If I had to choose one thing to do,... it would be just coding WebGL flowers It's a GLSL shader, a full-screen plane, and 2 render targets to swap on each frame Live demo & source code: Made with Three.js Hosted on CodePen.IO Special thanks to The Book of Shadersshow more

Three.js -> TSL -> Raymarching -> (WebGPU/WebGL) BlackHole (☢️Radiation... Noise & Bloom ) Live - Code - TSL is like a black hole that you can't get out of if you've already fallen into it. (good way) #threejs #tsl #threejsjourneyshow more

First time creating a shader for a physical space,... made a visualizer using Three.js Some explorations below 🧵show more

A painting reborn as data. At Revelium™ Studio with... the partnership of Dominik Fojcik, we took Vermeer’s Milkmaid and transformed it into a living 3D point-cloud painting in Three.js with TSL particles. #ThreeJS #WebGPU #AI #TSL #Particlesshow more

TypeGPU 💜 Three.js TypeGPU 0.9 can integrate with Three.js... Shading Language (TSL) on a very granular level, thanks to the @typegpu/three package. So now, you can write shaders in TypeScript while leveraging the rich Three.js ecosystem! To showcase the integration, we prepared docs and ported a handful of official Three.js examples 👇show more

Made a WebGPU Advanced Glass Material with Codex and... Three.js Live: 👇 Prompt belowshow more

It takes like 200 LOC to build an Instanced... Skinning Node animated via Compute Shaders with Three.js. TSL is so cracked.show more

Three.js, WebGPU, TSL full throttle with this very performant,... compute shaders based one component VFX system very easy to use React API.show more

Here's a quick demo of my open source Next.js... boilerplate that uses shadcn , Stripe , and Supabaseshow more

The liquid glass carousel is live. Rebuilt it a... bit since the last one, cleaner refraction, better dispersion on the edges. Still real-time Three.js, WebGPU and TSL. Still quite unoptimized :) Link below 👇show more

My favorite feature of the Next.js conf site: The... 3D badge refracts light from the HTML page. We'll release a case study soon with each little trick, so follow basement.studio if you don't want to miss it! (Of course, made with Three.js and drei)show more