liquid lens

A WebGL metaball lens: soft bodies that chase the pointer, merge into one shape, and show a photograph only where they are. Every number is a slider.

LANG TypeScriptHOSTED ON ANGELOLIBERO.GITHUB.IOUPDATED 6 Sep 2026

• #creative-coding
• #generative-art
• #glsl
• #metaball
• #react
• #shadcn-ui
• #shader
• #tailwindcss
• #visual-effects
• #webgl

More like this

• dithering shader Generative WebGL2 dithering playground and React component with terrain, country masks, 3D illusions, and live performance analytics.
• brc background Reverse-engineered reconstruction of the Bomb Rush Cyberfunk menu background: an iterated sine/cosine domain-warp WebGL shader, plus a React…
• pelagic jellyfish webgl A silent interactive WebGL descent through a living jellyfish ocean, with pulse-driven swimming and a liquid-glass idle clock.
• 3d gradients generator Interactive WebGL gradient studio built with Three.js, GLSL noise, physics, and real-time material controls.
• motes Procedural, pointer-reactive ASCII backgrounds for the web. WebGL2, zero dependencies, drop-in React.
• shaderflow Visual node-based GLSL shader editor - design materials on a graph, compiled live to WebGL. React + React Flow + Three.js.