Make Your Claude Subscription Generate Animation With a Free App
If you already pay for Claude Pro or Max, Heramotion Demo turns that same subscription into a working motion-graphics render, free.
You Already Have the One Credential It Needs
Most AI video tools want a separate API key and a separate bill, stacked on top of whatever you already pay for Claude, ChatGPT, or any other assistant. Heramotion Demo skips that step. Its only engine is Claude Code itself, so it runs on the same login your terminal already uses. No new key to paste in, no new subscription to start, no separate usage meter to watch.
That screenshot is the whole pitch. Whatever plan you already pay for so Claude can write your code, Pro or Max, is the same plan that renders the video. The Demo build ships with Claude Code as its only engine on purpose, so there’s nothing else to configure and nothing else to pay for.
What “Generating a Video” Actually Means Here
Heramotion doesn’t animate the way a diffusion model does. You write a brief describing a scene, an agent session (the same Claude Code that answers you in a terminal) writes an HTML file with a GSAP animation timeline inside it, and the app renders that file headless to an mp4. It’s closer to asking Claude to write a small program that draws and moves shapes than to prompting an image model frame by frame.
That distinction decides what’s worth asking for. Abstract motion graphics, animated UI overlays, icon clusters, dashboard HUDs, that kind of thing, are exactly what an agent writing structured HTML and JavaScript is good at. A literal video of a person or a place isn’t, and asking for one just wastes a run.
The file itself is a single HTML document with the animation timeline paused inside it, not playing live. The render engine seeks through that timeline frame by frame and captures each one, so the same file produces the exact same output every time, at whatever resolution and frame rate the export step asks for. That’s why the agent checks its own geometry before handing the job back: a connector that misses its endpoint or a loop that doesn’t close cleanly is a mistake in the file, not something a second render might fix by chance.
What You’ll Need
Two things, both already covered above.
- Claude Code, on a Pro or Max subscription. Not signed up yet? Here’s my referral link: Subscribe Here
- Heramotion, the free Demo build this piece walks through: Download Demo
Setting It Up
Four steps, no account beyond the one you already have.
Open Settings and confirm Claude Code shows signed in. If it doesn’t, that’s a claude login in your terminal, not a Heramotion Demo problem.
Write a brief in Create. One or two sentences describing the scene, the palette, and the motion is enough to start.
Get Microstock Insights’s stories in your inbox
Join Medium for free to get updates from this writer.
Watch the session work. It reads the render engine’s own rules first, then writes the file, checks its own geometry, and renders a contact sheet of stills before calling the job done.
Check the queue, then the finished composition.
What You’re Trading for Free
The Demo caps output at 8 seconds, 1080p, 30fps. Claude Code is the only engine, so there’s no Kimi, no OpenCode, no Agent Motion sitting behind it. No stock-photo mode, no CSV export, no listing agent writing titles for you, no FTP delivery to an agency. You can pause or cancel a running session, but you can’t type into one mid-run the way the paid app allows.
None of that changes the one question this build exists to answer: does an agent actually write a clip that moves, loops clean, and looks like something worth paying for. The renders above answer that before you’ve spent a cent past what you already pay Anthropic.
Why Give It Away Free
The Demo isn’t a crippled trial dangling paid features behind every click. It’s the same render engine and the same craft doctrine the paid app runs, just capped at a size and length nobody would try to resell as stock footage. The paid version, Heramotion Alpha Access, pushes the same engine up to 8K and adds the other three engines, stock-photo mode, and the export side (CSV, listings, FTP) that turns a rendered clip into something you can actually sell. The Demo’s whole job is answering one question before any of that: can an agent, on a credential you already have, write a clip worth building on. If the answer is yes, the paid app is where that clip becomes a listing.
A Real Brief
Here’s the brief behind the render below, unedited.
Make an 8-second ANIMATED compliance and legal icon overlay on pure black,
seamlessly loopable, designed to be layered over live-action footage using a
screen or add blend mode. This must be in continuous motion from first frame
to last. Generic glyphs — no logos, no brand marks.
BACKGROUND — the critical requirement:
The background is pure flat black (#000000) across the entire frame, with
absolutely no gradient, vignette, glow wash, texture, noise, or lightening of
any kind. Every pixel that is not a graphic element must be true black. Any
dark grey haze or background bloom will show as a visible rectangle when the
clip is screened over footage, and is a failure.
Panel interiors are near-black — dark enough to read as black once screened,
never a mid-tone blue or grey fill. The panels read as glass because of their
bright edges and the glyphs inside them, not because of a fill. No drop
shadows, no soft background glows behind the cluster.
Every glyph, outline and edge is bright — white, cyan or pale blue — so it
survives a screen blend.
THE LAYOUT — a cluster of floating holographic cards, viewed straight on:
Nine elements arranged in a loose horizontal cluster at varied heights and
depths, with clear gutters. Cards may sit at slightly different scales to
suggest depth, but no card overlaps another card's outline. The whole cluster
stays within a 5% safe margin from the frame edges, centre-weighted with open
black space around the outside so an editor can position it freely.
Left to right:
- A card holding three upright binder spines side by side.
- A card holding a shield outline with a check mark inside it.
- A folder glyph with a raised tab, larger and nearer camera, sitting lower.
- THE CENTREPIECE: a tall document card, the largest element, positioned
centre-left. Its outline has a folded upper-right corner. Inside it, a bold
heading bar across the top, then rows of short horizontal dashes of varying
length standing in for body text, with a small table block of dashes lower
down.
- Directly right of the document and slightly overlapping its right edge
deliberately: a large open circle outline with a bold green check mark
inside it. This is the brightest element in the frame.
- A card holding a set of balance scales.
- A card holding a gavel with its striking block.
- A small card holding two interlocking gears.
- A card holding an award rosette — a circle with a check inside and two
ribbon tails below.
TEXT TREATMENT: no readable words anywhere. Everything that would be text is
rendered as ABSTRACT ROWS OF SHORT HORIZONTAL DASHES of varying length — a
deliberate graphical stand-in, language-neutral and legible at any scale. Do
not write words, headings, labels, or lorem ipsum.
PALETTE: pure black (#000000), white (#FFFFFF), pale ice blue (#BFDFF5),
bright cyan (#3BB0E8), deep blue (#1B5FA8), and a single bright green
(#33CC55) reserved exclusively for the central check mark. No purple, no
violet.
REQUIRED CONTINUOUS ANIMATION — all running simultaneously, each completing a
whole number of cycles across the 8 seconds so the loop is seamless. With only
8 seconds, every cycle must be short enough to complete cleanly — keep them
brisk but never rushed:
1. THE CHECK MARK (the centrepiece): the green check pulses in brightness and
scale in a steady heartbeat, roughly two full cycles across the clip, its
surrounding circle outline brightening in step with it.
2. CARD FLOAT: each card drifts up and down with a slow independent bob,
offset in phase so no two move in unison and no card ever drifts far enough
to collide with a neighbour.
3. DEPTH DRIFT: the nearer, larger cards drift slightly further than the small
distant ones, giving parallax across the cluster.
4. EDGE GLOW: each card's bright outline brightens and dims in a slow
travelling wave passing across the cluster from left to right, repeating.
5. DASH ROWS: individual dash rows inside the document brighten and dim at
staggered offsets, and occasional rows briefly extend or retract in length,
so the document always shimmers with activity.
6. SCAN: a faint bright horizontal line sweeps down the document card and
repeats once across the clip.
7. GEARS: the two interlocking gears rotate continuously in opposite
directions at constant speed.
8. GLYPH ACCENTS: the shield's check, the scales' beam and the rosette's
centre each flare briefly in brightness at staggered moments.
Easing: `power2.inOut` on the floating drift and brightness cycles; constant
linear speed on the gear rotation and the scan sweep. No glitch, no
distortion, no flicker. Crisp, clean, authoritative legal-compliance mood.The Result
Try It Yourself
Heramotion Demo is free: the same real render engine and craft rules as the paid app, running on the Claude subscription you already have. No new API key, no new bill.
Try the free Demo here: Download Demo
Want more than 8 seconds, more than 1080p, or a second engine to pick from? Heramotion (Alpha Access) is the paid, full version.
Get Alpha Access here: Download Alpha
Keywords
Claude, Claude Code, Claude subscription, video generation, motion graphics, AI agent, demo, free, Claude Max, Claude Pro, animation, render, Heramotion
