Open-sourcing the Next.js Nights shader! Live: Source: Made with... Three.js TSLshow 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

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

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

WebGL Posters Magazine 🗞️ made w/ Three.js Live demo ↓

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

My portfolio is now open source I’ve released the... source code behind my portfolio redesign 👀 → → Built with Three.js GSAP #lenis and a lot of love for smooth animations ✌️ #javascript #opensource #webdesignshow more

I don't think its usable but it was a... fun little experiment built with Three.js Motion Tailwind CSS and Next.jsshow more

Simple 2D outline shader for Unity 6, URP: 🦊... I've made the repository + source public. Do whatever you'd like with it! > #gamedev #indiedev #unity3dshow more

This glass configurator has no custom shaders or geometries.... Just MeshPhysicalMaterial and a bunch of standard geometries with rendering order set manually. Not 100% realistic but super simple Live demo & source code: Made with Three.js Hosted on CodePen.IOshow more