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

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

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

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

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

A Three.js and GLSL mathematical lattice engine that morphs... between four geometric topologies, with a glass dock for shape switching and a live telemetry overlay calculating phase coherence. Demo and code 👇show more

New favorite noise function! I had lots of fun... tweaking the yonatan shader and ended up using it as a semi-transparent overlay With color changing on scroll and slight cursor response, the total code size is still <9 kb 🫣 Live demo & source code: Original algorithm:show more

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

made this interactive pattern with GLSL code for a... website I'm working onshow 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

Made a lil illustration in Figma draw with dynamic... stroke and texture effects and text on a path. I dared to paste the SVG code into CodePen.IO ... this is what happened... Spoiler alert... It worked! ˗ˏˋ rogie ˎˊ˗ Lauren Budorick 𝕞𝕒𝕩𝕧𝕠𝕝𝕥𝕒𝕣 you super amazing brilliant beautiful people! This is delight!show more

Jack Whitehall hosts Saturday Night Live UK this week,... with music from Jorja Smith. Saturday 10pm on Skyshow more

Saturday Night On Broadway on Saturday Night Live.

Liquid UI based on Metaball interaction. This is way... harder to achieve with static graphic tools.show more

More than just a selfie with “EL IDOLO” ANDRADE... this time! Watch #AEWDynamite LIVE on TBS &amp; HBO Maxshow more

Ariana Grande closes out the night with Cher and... Bowen Yang on Saturday Night Live.show more

Another night. Another statement opportunity. Indiana Fever vs. Portland... Fire streaming live this Saturday 8pm ET on Paramount+show more

wow.. this is stunning this earth animation on this... landing page is so cool.. probably made with three.jsshow more