/motion
One downloadable generative studio with kinetic typography. Shape looping WebGL shaders, export reproducible configs, and sharpen your aesthetic with Chromaverse — a featured theme gallery for better tastemaking and agent-ready design tokens.
>_
git clone https://github.com/murderszn/motion.git && cd motion && npm install && npm run dev
shader gallery
Generative shaders, live in your browser
Every shader runs on a single shared WebGL context. Shuffle palettes to see how Chromaverse themes transform the same generative art.
Vaporwave
Purples, pinks, and cyan bloom against deep black — ideal for aurora and flow modes where neon gradients can stretch across the canvas.
how it works
Talk to any AI like it's your VFX artist
Describe what you want. The agent edits configs, swaps themes, and bakes the final page — all from a conversation.
frequently asked questions
Got questions? We've got answers.
What is /motion?
+
`/motion` is an open-source local generative graphics shader studio. It acts as a workspace where you can write, preview, and test WebGL shaders and looping visual templates, exporting them directly into offline-ready standalone HTML splash pages.
Does /motion include a built-in AI coding assistant?
+
No. `/motion` is a local software utility and visual shader studio. However, it uses a clean, standardized JSON schema configuration structure. This makes it extremely easy for you to ask your own favorite coding agent (like Cursor, Copilot, ChatGPT, or Gemini) to write or modify visual configs that you can paste directly into `/motion`.
Is /motion free?
+
Yes! `/motion` is completely free, open-source, and hosted on GitHub. There are no paid plans, no subscription pricing, and no server-side licensing fees. It is built to run entirely on your local machine.
Can I export custom GLSL code?
+
Absolutely. You can download the generated fragment shader code directly from the workspace UI, or use the CLI exporter to save the fragment shader code as a standard `.frag` file, ready to be used in shadertoy or other WebGL environments.
Are the exported HTML files self-contained?
+
Yes. The exporter compiles the GLSL shader code, text layers, CSS stylesheet rules, grain, vignette, and WebGL rendering scripts directly into a single self-contained HTML page. You can host it on GitHub Pages, Netlify, or open it entirely offline.