SVGA DIY

How SVGA DIY fits your production loop

The editor is intentionally small: it focuses on the steps SVGA gift teams repeat every week—ingest assets, adjust layers, prove the motion in preview, export. Below is exactly what ships in the workspace today.

Local-first by design

Sessions rely on browser storage for recovery prompts, but the heavy lifting—parsing protobuf, decoding images, writing a new archive—runs client-side. That keeps NDAs straightforward and avoids “upload this proprietary template to a random SaaS.”

Template-aware video import

Video import needs an SVGA template loaded first so frame counts and canvas size stay honest. Pick MP4, MOV, WEBM, or M4V, scrub the trim handles, then generate a PNG sequence that lands in your material list ready for layer insertion.

Materials with grouping and bulk actions

Imports land in a list with thumbnails, checkboxes, and drag handles. You can group related frames, move groups around, and when a layer is selected, replace it, insert neighbors, or batch-add every frame from a group.

Layer panel + explicit property drawer

Selecting a row only highlights the sprite; editing opens the drawer on purpose so you are not fighting popovers while rearranging dozens of layers. Group headers fold away whole sections of a busy template.

History you can lean on

Undo and redo traverse the document snapshot, so experimentation stays cheap. Combined with the session recovery dialog, you get a second chance if the tab disappears mid-edit.

Preview-first verification

The center column stays dedicated to playback and scrubbing. When the timeline panel is enabled you get per-layer tracks; when it is hidden you still control entry frames from the property drawer, so smaller screens stay usable.