Birrd : A generative identity system and browser tool for creating brand graphics and motion.
Birrd approached me with the murmuration as a metaphor for the brand. I translated this starting point into a generative WebGL system in which editable text dissolves into a coordinated swarm and reassembles seamlessly.
The system became both an optimized animation for the Birrd website and a browser-based tool for producing brand material.
role :
Generative motion concept and R&D, tool development and web implementation
client :
Birrd Brands
tool stack :
WebGL, CablesGL, JavaScript
year :
2026
Birrd approached me with the murmuration as a metaphor for the brand. I translated this starting point into a generative WebGL system in which editable text dissolves into a coordinated swarm and reassembles seamlessly.
The system became both an optimized animation for the Birrd website and a browser-based tool for producing brand material.
role :
Generative motion concept and R&D, tool development and web implementation
client :
Birrd Brands
tool stack :
WebGL, CablesGL, JavaScript
year :
2026
Process :
Birrd is named after a murmuration — the phenomenon where hundreds of birds move together in fluid, coordinated flight with no single leader. Each bird responds to its neighbors, creating a system that's flexible, intelligent, and constantly adapting. That's exactly how Birrd works as a collective: independent creatives, moving freely, joining forces when it matters.
Early tests of a true flocking simulation were too computationally heavy, even in 2D. Scaling that approach to 3D would have compromised the detail and performance required for the website, so I developed a lighter approximation instead.
Further R&D explored how the flock could respond to interaction. When disturbed, its behaviour feels emergent, like touching something alive.
For the website, I created a lightweight branch of the system and optimized it for desktop and mobile.
One of the key deliverables was the Birrd Flock tool — a browser-based generator that allows the client to produce publish-ready brand material without specialist software. They can enter different text, adjust its motion and particle behaviour, change colours, add a static communication layer, and work across multiple aspect ratios.
The main technical challenge was vector export. Because the particle positions are calculated on the GPU through shaders, they are inaccessible for direct SVG generation.
On export, the tool captures the selected animation frame and reconstructs its visible form as a field of points in two-dimensional space. This produces a crisp, scalable SVG interpretation of any moment in the animation.
The resulting tool connects generative motion with a static layer for typography, information, or additional graphics. The client can compose and export motion, raster, and vector assets directly in the browser.
Excerpts :