motioness

Motion Proxy · v1

Animate any image
by swapping the URL.

Drop-in motion for hero illustrations, bento cards, app icons, and anywhere else a static image already lives. No design pipeline. No re-uploads.

Free for 5 generations / month. No credit card.

<img src="..." />
Live
<video src=".mp4" poster=".jpg" />

Drop-in

One markup change.
That's the whole integration.

Before

<img
  src="https://cdn.acme.com/hero/family.png"
  alt="Family illustration"
/>

After

<video
  src="https://motioness.com/v1/proj_abc/cdn.acme.com/hero/family.png.mp4"
  poster="https://motioness.com/v1/proj_abc/cdn.acme.com/hero/family.png.jpg"
  autoplay loop muted playsinline></video>

Or use our 2KB web component: <motioness-img project=… src=… />

How it works

Three steps from static to motion.

01

Allowlist your CDN

Tell Motioness which origins your images live on. One project, many origins.

02

Swap one URL

Change <img src=cdn.acme.com/hero.png> to <video src=motioness.com/v1/key/cdn.acme.com/hero.png.mp4>.

03

Ship motion

First request returns the still poster; the video lands by your second page load.

Examples

What gets to move.

Vision picks the motion automatically — clouds drift, neon flickers, water shimmers. You can override per asset.

Cyberpunk alley with neon signs
AtmosphereLive
Neon flicker, mist drift, distant footsteps.mp4
Cinematic valley with glowing sign
CinematicLive
Sun-glow pulse, water shimmer, cloud creep.mp4
Surreal landscape with glowing portal
SurrealLive
Portal pulse, cloud drift, water reflection.mp4
Minimalist mountain illustration
IllustrationLive
Sun rise, mountain parallax, sky gradient.mp4

Pricing

Pay per generation.
Repeat views are free.

Free

$0forever

5 generations / mo

Standard motion

Get started
Recommended

Pro

$19/ mo

100 generations / mo + $0.10 each over

Standard + Cinematic

Start Pro

Team

$79/ mo

500 generations / mo + $0.08 each over

All motion qualities

Talk to us

FAQ

Common questions.

For every source image, you get two URLs: a .mp4 (animated, generated on demand) and a .jpg (always-on poster). Use them with `<video src=… poster=…>` or our `<motioness-img>` web component.
Motioness returns 202 + JSON status, kicks off the generation pipeline, and your `<video poster>` falls back to the still source until the mp4 lands on a future page load.
Yes. Pro/Team plans can mint short-lived HMAC-signed URLs for any source, useful when your image origins are dynamic or behind auth.
Three. Loop = seamless ambient motion (autoplays). Animate-in = motion that ENDS on the source image (plays once on inview, snaps to still). Animate-on-hover = motion that STARTS at the source image (static poster by default, plays on hover). Pick per-asset via ?mode= or set a project default.
Auto, by your plan tier — free serves standard motion, pro adds cinematic parallax, team and enterprise unlock premium fidelity. Upgrades surface as quality jumps without any caller change.
Use the dashboard to regenerate it; the cached mp4 is replaced and your monthly counter increments.

Ship motion this afternoon.

Free generations, no credit card. The whole integration is a markup change.