My presets
Save the current style, colors and motion as a preset to reuse it later.
Style
Type
No favorites in this style yet. Tap the ★ on a type to keep it here.
Your styles
Write your own animation in GLSL, or describe it and let your AI provider write the code. Saved styles appear in the “Your styles” category and work with palettes, seeds, overlays, camera moves, the queue and every export.
What your code can use
Define vec3 effect(vec2 p, float T) and return a color. p is the pixel position (y from −0.5 to 0.5). T is the loop angle. Available: pal(t) palette color, rnd(i, k) random number, uBg background color, uScale, uInt intensity, uSeed, uPhase, uLoops, TAU.
For a seamless loop, move things only with sin/cos of whole-number multiples of T, or with fract(x + uPhase*uLoops*N) where N is a whole number. Very heavy code can freeze the preview; if that happens, reload the page. Your saved code is kept.
Your patterns
Import a seamless tile exported from Somi Pattern Studio (JPG, PNG or SVG). It animates with the “Your pattern” style, and you can recolor it with any palette.
No tiles yet.
Colors
Motion
The same seed always gives the same result, so you can render it again later.
Timing & text
Overlay layer
Screen and Add let dark overlay backgrounds disappear. With a camera move, the overlay moves 1.6× as much for a sense of depth.
Ideas to try:
Look
Dithering is always on, so smooth gradients don't show banding after compression.
Templates
Ready-made designs with matching keywords. “Use” loads one with a fresh seed; “+10” adds ten variations to the queue with different seeds and color orders, so your clips don't match other users'.
Variations
Variations start from your current design. Tap one to preview it, tick the ones you like, then add them to the queue.
Render queue
Metadata
Two ways to send metadata, and you can use both. Inside the file (XMP) travels with the video and is read by Adobe apps; check with one test upload whether your agency reads it from videos. The CSV files are the agencies' own bulk-upload format: upload the videos, then the matching CSV.
Check that each agency still accepts these CSV columns with a small test upload before sending a big batch.
Export
Checking the video encoder…
Starting the background renderer…
These export settings are saved with each design you add to the queue.
Rendering runs frame by frame, so it takes longer than the clip itself. Keep this page open until it finishes.
Project
Save the current design, the queue with its metadata, your presets and settings in one .json file. Open it later or on another computer. Your API key is never included.
Preview
Save location
AI metadata
Optional. Without a key, titles and keywords are written from your settings. With a key, the AI also looks at a frame of each video. Each provider keeps its own key.
Model names change often. The built-in list may be out of date; “Load models from my account” shows the models your key can use right now. Pick a model that accepts images.
The key is stored only in this browser on this computer. It isn't saved inside the file, so sharing the .html file doesn't share your key.
About
Somi Motion Studio. MP4 writing uses mp4-muxer 5.2.2 by Vanilagy, MIT License.