I recently tried my hand at PixiJS for the first time and it was a really fun way to dive into creative coding on the web.
For this little experiment I wanted to recreate that beautiful liquid glass aesthetic you see in the new Apple’s designs. Soft, fluid, and translucent. The demo combines metaballs to get those organic, flowing shapes with a custom shader that adds refraction, bending light as if it were real glass. It’s simple, but watching it morph and flow in the browser feels pretty magical.
Just click and drag around to interact with it.
Click here for the demo in Fullscreen.
I decided to study PixiJS now because WebGPU is finally becoming a reality and it feels like the perfect time to get more comfortable with GPU-based graphics on the web. Even though this demo still runs on good old WebGL, it made me excited about what will soon be possible: better performance, more control, and even more creative freedom when WebGPU becomes the standard.