Fork of an old demo - "Liquid glass" effect... using #threejs MeshPhysicalMaterial with a fully ray marched surface made of SDFs Live: Code:show 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

[LIVE DEMO] Check out our latest WebGL demo, exploring... a fluid cellular particle effect. Full write up and details of what's going on under the hood coming soon 🔍 Live → #webgl #realtime #threejsshow more

Of course Keita Yamada had a web 'liquid glass'... demo in 2019 🐐🇯🇵!show 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

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

Insane that you can get this with one line... of code .glassEffect(.clear.tint(.blue)) I love Liquid Glass so muchshow more

🚀 With Expo Router and iOS 26, you now... get the fully native liquid glass search bar, no extra code, no custom setup. Just compile your app with Xcode 26 and it works out of the box.show more

THIS BOT MADE $1.6M WITH 50,000 TRADES USING JUST... 18 LINES OF CODE.show more

Speaking of vocals, here's a old version of the... chorus with a different vocal and lyric idea. These were temp vocals I made with SynthV for demo purposes.show more

trying out the upcoming ssgi effect (paired with ssr).... i guess all i ever wanted out of three is reflections and global illumination. come next three we'll have it. 🫡 live demo link (+ code) below ↓show 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

Try making images 3D with the click of a... button by using the scene creator 🌄 #threejs #aishow more

Imagining UI components as jelly is oddly satisfying… this... time it’s a “Jelly Switch”, built using TypeGPU without any extra libraries. Live demo & Code: Once again, SDFs gave us a lot of freedom to make the form of the object dynamic and jiggly. Konrad built a great foundation for implementing SDF-based UI components, can’t imagine us stopping here 👀 If you’re interested in WebGPU and are a TypeScript developer, I can’t recommend TypeGPU enough (toootally unbiased opinion)show more

A quick Three.js experiment exploring an infinite carousel of... liquid glass tiles, rendered in real time with WebGPU and TSL. Each card is a thick refractive slab sitting on a curved grid that never ends. Short explanation of how the glass is rendered in the thread 👇show more

New version of @⁠callstack/liquid-glass has been released! This one... makes use of the new iOS 26 API for border radius, making it compatible with context menus from Zeego 🔥 You can now achieve this awesome merge effect ⬇️show more

Excited to announce the launch of my new #WebGL... performance monitor tool: stats-gl! A minimalist solution for real-time WebGL performance metrics - FPS, CPU, and GPU. Repo: Live demo: An example for #threejs is also available😊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