Shaders v3 renders effects up to 25x faster
By Steven Van ·
The update adds an infinite canvas for composing WebGPU effects, plus interactive logo and gradient presets.
Shaders shipped v3, which it calls its biggest release yet, built for design engineers who ship magic. The headline is a new rendering engine that's up to 25x faster, paired with an infinite canvas for designing production-ready WebGPU shader effects. Speed at that magnitude doesn't just make the tool snappier, it changes what's feasible to build.
Why 25× matters
Shader work is iterative, tweak a parameter, watch the result, tweak again, and every bit of latency between edit and preview taxes the creative loop. A 25x faster engine collapses that feedback cycle, but it also raises the ceiling: effects that were too heavy to preview smoothly (dense particle systems, layered compute passes) become designable in real time. For the design engineers Shaders targets, the ones who live between design and code, that's the difference between prototyping an effect and only imagining it.
An infinite canvas for effects
The v3 workspace is an infinite canvas for composing production-ready WebGPU effects, which reframes shaders from isolated snippets into a design surface. You arrange, compare, and combine effects visually, then ship the output to a real site. It's the same infinite-canvas idea sweeping the rest of AI tooling (Magica, FLORA, Magnific Spaces), applied to GPU graphics, and it fits v3's other new tricks, like the interactive logo and gradient presets that let a dropped-in SVG become a compute-powered effect.
Design engineering gets first-class tools
"Design engineers who ship magic" is a precise audience: the people responsible for the interactive polish that makes premium sites feel premium. That craft has lived in hand-written WebGL and WebGPU, gatekept by shader math. Shaders v3 is a bet that the discipline deserves dedicated, fast, visual tooling, the same maturation that component libraries brought to UI. Between this engine and the same-week logo-effect presets, Shaders is making a strong case as the default home for web GPU effects.
Try it
Shaders v3 is available now at shaders.com, with React components and a Framer plugin as entry points. If you bounced off shader tooling because iteration felt sluggish, the 25x engine is the reason to look again.
Sources: Shaders on X, Shaders.