Domotion for creators

You have a real product and a story to tell about it — a launch, a feature drop, a testimonial, a before/after. Domotion turns that into motion you can ship anywhere: one self-contained animated SVG built from your actual UI, on brand, whose captured fonts do not change with the viewer’s machine, and that exports to MP4 the moment you need it.

It isn’t a motion-graphics suite, and it isn’t trying to be. The wedge is narrow and honest: polished, on-brand product motion, generated — not hand-animated.

The wedge, in one line

From your real UI

The picture is a genuine capture of your page — pixel-faithful to Chromium, with crisp vector text. Not a re-drawn mock that drifts from the product every release.

On brand, by default

A single brand file — palette, font, radius, logo — themes every template and can be injected into a captured page. Reuse it across a whole campaign.

One file, no font fallback

A plain <img src="demo.svg">. No video encoder, no Lottie runtime, no font loading, no external requests. Razor-sharp on a phone, a 5K display, and in print — the same file.

MP4 when you need it

Pages you control animate the SVG directly. For social, email, or a GitHub README, export a crisp still or an MP4/GIF from the same file — no re-shoot.

Who it’s for

• Marketing & growth creatives who need launch teasers, feature spotlights, testimonial cards, and social cuts that stay on brand and don’t balloon your page weight.
• Developer-adjacent storytellers — DevRel, docs, founders — showing a real interface in motion: a dashboard assembling itself, a flow typing itself out, a terminal session, a before/after refactor.
• Anyone tired of the demo-GIF tax — bulky files, soft-on-retina video, and a re-record every time the UI changes.

The honest niche

Domotion is not an After Effects replacement. It won’t composite live video, key out a green screen, or hand-tune bezier keyframe curves for a hero brand film. If that’s the job, reach for a real motion suite.

What it does own is the boring-but-constant work those tools make expensive:

What it's great at

• Product UI in motion, captured from the real page
• On-brand templates: charts, kinetic text, lower-thirds, stat/counter cards, before/after, CTAs, looping backgrounds
• Repeatable output you can regenerate on every release and diff in git
• Tiny, dependency-free files that embed in docs, decks, and PDFs

What it's not

• Frame-by-frame character animation or VFX
• Live-action video editing / color grading
• A timeline UI for keyframing by hand
• A design canvas — you bring HTML/CSS or a few template flags, not a mouse

Truthful by construction

Because the visual is a real capture and the output is deterministic, what you demo is what your product actually looks like — and re-running the command after a UI change regenerates the asset. No stale mock, no “the video says v1 but we shipped v3.”

How a creator uses it

1. Pick a starting point — a template (no HTML at all) or a capture of your real page/app.
2. Put it on brand — pass --brand yourbrand.json (and --format reel / square / story for social canvases).
3. Ship the SVG where you control the page; export an MP4/GIF/PNG for everywhere else.

Open the recipe gallery →

Every recipe there is copy-paste-able and shows the exact command next to the SVG it produced. New to the tool? Start with the quick start, then skim Why Domotion for the trade-offs versus video, GIF, and Lottie.