What is siri-glsl?

This repository holds a small collection of single-file WebGL demos that recreate the animated visual effects Apple introduced with its new Siri design and the Liquid Glass interface style. GLSL is the programming language used to write shaders, which are programs that run on the graphics card to produce visual effects. WebGL brings that capability to web browsers, so these demos run without installing anything: you just open the HTML file in a browser. There are three demos included. The first recreates the Siri wave animation, with fluid coloured blobs that merge smoothly into each other, spectral colour scatter, glowing lines, and a spring-like bounce when the animation settles. The second recreates Apple's Liquid Glass material, a translucent surface that bends and tints whatever is behind it. You can paste a screenshot into that demo and see how the glass distorts it in real time, and all the visual parameters are adjustable. The third recreates the animation that appears on iPadOS when you drag from the screen edge to summon the search bar: rounded blobs that merge as you drag, then snap together into a dark rounded rectangle when you release. All three demos use fragment shaders, meaning the entire image is computed pixel by pixel on the graphics card rather than drawn with traditional shapes. The techniques include smooth-min merging for the blob shapes, signed distance functions for the geometry, Gaussian blur in two passes for the frosted glass look, and damped spring math for the springy settle animations. Each file is a self-contained HTML file with no external libraries or build steps. Open any of the three files in a modern browser and the demo runs immediately. The project is MIT licensed.