by jeff
Unicorn Studio is a WebGL design tool that trades GLSL code for a Figma-style layer workflow, letting designers build interactive shader graphics easily.
George Hastings built Unicorn Studio from a persistent frustration. As a designer with 13 years at IDEO and AREA 17, he spent evenings writing JavaScript canvas animations while his daytime tools stayed static. No existing tool addressed the gap between design software and the browser without demanding GLSL fluency.
That gap is what this WebGL design tool closes. Rather than a node-based pipeline, Unicorn Studio uses a layer-based canvas. Designers stack shapes, images, text, and 3D models exactly as they would in Figma or Photoshop. Effects like Aurora, Nebula, and Blob Tracking sit in that stack as first-class elements — not filters. They drive the visual output directly.
Motion and Interactivity Built Into the WebGL Design Tool
Motion is native, not optional. Nearly any property on any layer can respond to scroll, hover, mouse movement, or appearance events. A right-click on an image triggers Generate Depth Map, adding a Depth Parallax effect — no shader code needed. A timeline composer handles sequenced animations for more structured work.
Performance tooling ships alongside the creative tools. A built-in estimator scores scenes in real time: draw calls, frame time, dropped frames, memory use. The Flatten feature compiles multiple layers into a single optimized shader, cutting GPU overhead. The runtime is about 29kb gzipped and pauses when scrolled out of view.
Production use is already visible. Microsoft AI uses it for its hero section. Calaxy deployed a full intro animation with it. Portfolio sites by Jordan Richardson and Ravi Klassen, editorial headers on Every.to, and gradient heroes from Omnera show what this WebGL design tool can produce in real projects.
Hastings describes Unicorn Studio as sitting between raw shaders and rigid presets — structured enough for immediate results, open enough for genuinely novel work. Full documentation is at georgehastings.com.
