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

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

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

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

New #WebGL pattern! A Voronoi diagram (love it) with... eyes calculated over the polar coordinates of each cell. No images or graphic libs here, just a #GLSL shader wrapped with JS Live demo & source code: Hosted on CodePen.IO Special thx to The Book of Shadersshow more

I wanted to create a broken glass effect with... WebGL for a long time! Here it is: interactive, lightweight (around 10KB of GLSL + vanilla JS), and easy to customise (find more controls on codepen) Live demo & source code: Hosted on CodePen.IOshow more

Rube Goldberg HTML form! Tbh I spent way too... much time on this one haha. As fun as it is useless :) Live demo & source code: Hosted on CodePen.IO Made with #GSAP GSAPshow more

Another minimal JS animation here! Interactive (and damn satisfying)... cursor animation made with only 3kb of pure JS. Not sure how to use it yet – maybe as a base for some shader?.. Anyway, it's fun already :) Live demo & source code: Hosted on CodePen.IOshow more

It's October, my dudes! I've redone one of my... fav old works. The updates: - transparent background - no extra libs so just <15kb of code - parameters that are easy to change without going through the shader Live demo & source code: Hosted on CodePen.IOshow more

Nah no, this is not a pre-made or baked... Blender model. It is created entirely from scratch using extruded geometry and procedural textures for the mustard hatching pattern on the model... all done with Google Gemini 3 pro AI. In fact, every Three.js 3D model you see on this website has been vibe coded with AI 😎 Live: Code:show more

Weeks of work for a senior Three.js dev is... ONE prompt for Opus 5, literally 😅 Opus built this infinite physically simulated clothesline gallery using Three.js with 96 wave nodes, per card pendulum physics, custom rope shader with fibre noise and Fresnel rim. I don't even know half of those terms but it's what it is (I'm studying each code part, though). These days, you just describe what you want and get it done using AI. Any kind of effect almost. Live: Code: Design:show more

I planned on releasing my Three.js WebGPU water shader... 2 weeks ago, but I promised myself I would stop half-assing things this year. I'm glad I waited. I'll be selling the whole package for $99. Full demo video coming soon, but includes FFT water sim, underwater effects, dynamic sky + fog, buoyancy, and more. Every aspect is tunable. Comes with 8 presets and 4 quality levels so it will run on any device. You'll get full source code + demo code, plus all future updates and fixes. Join waitlist now and get an email for 20% off at launch #threejs #webgpu #shadersshow more

Getting a bunch of questions about this! It's a... full gpu rendering pipeline with built in shader editor for Rive, which can interleave 2D + 3D. Think WebGPU (minus compute, for now) that runs anywhere, not just the browser. You can implement anything at all. Cell shading. Background blurs. Deformation effects. And yes, even Rive vector components as textures. Shaders are precompiled and ship with your .riv. Minimal runtime size impact. Still WIP.show more

Lara Trump just posted this to Instagram, and I... am formally requesting that every day we get a new video of Trump, set to this kind kind of music, with his sweet grandkids and a glass of Diet Coke by his side. You might not think so, but this is the kind of thing that worksshow more

Claude Cowork now has a free, 100% local competitor... 🤯 Rowboat connects to your Gmail and meeting notes, builds a knowledge graph of your work, and acts on it. → Voice-enabled → Works with any LLM (local or hosted) → MCP tool extensibility → Background agents + web search → Obsidian-compatible Markdown vault 14.3k GitHub stars. 100% open-source.show more

At Uber a big problem for design teams and... engineering teams was design source of truth. No one knew what the app truly looked like, so weekly a bunch of designers would get into a meeting room and check that the engineers correctly implemented the figma designs that they made Now with coding agents throughput of changes has increased an order of magnitude and it has become impossible to manually keep up. Here we used the Revyl CLI to create a flow of every state in the Uber design, by navigating our mobile use agent on an cloud iOS simulator. This is something that would have taken a team of designers tens of hours to recreate manually; All done in less than an hour asynchronously with a simple prompt. Enable your team to know what your users are actually seeing and empower coding agents to give your users a delightful experience without any blindspots Get started with our new free trial and create a map for your own app 🗺️show more

Create hyper-realistic 15-second UGC ads with Kling 3.0. I... made this using just one image and a single prompt with Nano Banana Pro + Kling 3.0 inside Leonardo.Ai and the realism is on another level No actors. No filming. Just AI Here’s an example of how you can do it 👇show more

Fable 5 built this real-time ocean scene directly in... the browser using Three.js, WebGPU and TSL, with no engine and no baked assets. The interesting part is not just that the water looks good. The whole system is being simulated: wave spectrum, GPU FFT, foam generation and refracted-ray caustics, all running live. This is exactly where frontier models start becoming genuinely useful for technical graphics work. Not by replacing years of rendering research, but by compressing the path from complex math to a working interactive result. A small, focused scene, but technically very serious. Cc: Adem Vessellshow more

📢LAST CALL FOR MERCH! Store closes Sunday 2/22 Final... run of the amazing FGC comic style art by D.SLOOGS ⚡️KawaiiKon on a shirt or 60"x80" blanket. This will not be printed again. Also check out: - Official Spirit Jersey YETI design comfy crewneck with puff ink - all embroidered teal/blue on black zip hoodie with custom art under the hood - the "champagne of pain" tshirt and shot glass set - 2 matching outfits, the pullover/jogger or the flannel pj pant/tshirt combo - 2FKO parody shirt with entire games list on back - A slew of official Corkcicle cups with laser etched logos - check out the new custom hat/scarf sets, all hand made in Turkey with matching thread for that perfect winter look!show more

DecartXR: AI meets XR "welcome to the Oasis" 🥽... An open-source app that lets you transform your world in real time, just by speaking. A new way to create, build, and imagine — live. See below how to build with this tech (and a demo on Meta Quest or web) 👇🏻show more

Trump just said that Iran has been using the... Strait of Hormuz as a weapon many times, but "they're not using it as a weapon with me." This is a full-blown DEMENTIA attack on live TV.show more