Motion GPU adds Vue 3

Web apps are starting to treat the graphics chip like a second processor, and Motion GPU now says Vue 3 can use that pipeline directly alongside React 19 and Svelte 5. (motion-gpu.dev) Motion GPU is built around WebGPU, the browser graphics interface, and around WGSL, the shading language developers use to write fragment programs that draw every pixel on screen. Its docs describe a workflow built from `defineMaterial`, a `FragCanvas` renderer, and runtime hooks such as `useFrame` and `usePointer`. (motion-gpu.dev) Until now, the public site described the framework as “WebGPU-first” for Svelte 5 and React 19, and the getting-started guide listed those two frameworks as prerequisites. The new Vue 3 support expands that framework list rather than changing the underlying runtime model. (motion-gpu.dev 1) (motion-gpu.dev 2) The pitch is narrower than a full three-dimensional engine. Motion GPU’s documentation says it is meant for fullscreen shader pipelines, including generative art, procedural textures, post-processing chains, simulations, shader editors, and other interactive visual experiments. (github.com) (motion-gpu.dev) That puts it in a different lane from libraries that animate buttons, cards, and page transitions. Motion, the separate animation library from Motion Division, already ships first-class Vue support for those interface animations, while Motion GPU is focused on shader-driven canvases and render passes. (motion.dev 1) (motion.dev 2) (motion-gpu.dev) The browser support requirements also set the boundaries. Motion GPU’s getting-started page says developers need a browser with WebGPU support, naming Chrome 113 and Edge 113, Safari 18, and Firefox Nightly behind a flag. (motion-gpu.dev) The framework’s playground is part of that rollout. Motion GPU has published a web playground for trying shaders in the browser, and the site describes it as a place to build high-performance, GPU-accelerated visuals with a declarative application programming interface and type-safe WGSL shaders. (motion-gpu.dev 1) (motion-gpu.dev 2) For Vue developers, the practical change is access to the same class of browser-native graphics experiments without switching frameworks. The code still targets WebGPU and WGSL; Vue 3 now joins React and Svelte as a wrapper around that core. (motion-gpu.dev) (motion-gpu.dev)