Precision Video Engine - Examples

Every clip below was authored as a JSON scene, checked for pixel collisions by the validator, then rendered to MP4. They autoplay and loop. Click a clip to replay or scrub.

All built free, on this machine, no editor.

★ New: Night-run report (5 upgrades)
EXAMPLE 01
Kinetic title card
"EPISODE 01" drops in, the title rises, a gold rule sweeps in from the left, subtitle follows. Perfectly centered.
EXAMPLE 02
Revenue stat card
Card pops in, label drops, "$12,480" rises, the trending-up icon pops, the +312% line follows. Every element stays inside the card by math.
EXAMPLE 03
3-step explainer
Headline rises, then lightbulb to book to trophy pop in one by one, arrows slide between them, labels rise under each.
EXAMPLE 04
Thumbnail annotate
A real image pops in, the title rises with a per-line highlight, an arrow slides in pointing at it, emoji + icon pop, caption rises. This is the "drop your screenshot here" style.
EXAMPLE 05
Count-up + camera push-in
A number races 0 → 1,000,000 with pro easing (easeOutExpo), the title slams in, a rocket pops and keeps floating, and the whole scene slowly pushes in - a real camera move. The new motion-design layer.
EXAMPLE 06
Glowing blob character
A soft-shaded character with glowing eyes that follow a self-drawing arc, while three glowing gold badges pop in one by one. Eye tracking, draw-on line, glow - a real character with personality.
EXAMPLE 07
Multi-scene reel + transitions
Three scenes cut together into one video - title → character → million-view payoff - with a white-flash cut and a circle-open transition between them. This is real editing.
EXAMPLE 08
Transition pack (8 types)
Eight different scene-to-scene transitions back to back, each labeled: crossfade, flash, wipe, slide, iris, dissolve, pixelate, radial. Pick any of these to cut between scenes.
EXAMPLE 09 · NEW
Per-property springs
Each property eases on its own curve. Real damped-spring physics: the title springs up while fading cleanly, the card pops on a spring, the badge does a bouncy overshoot and settles.
EXAMPLE 10 · NEW
Arcs + cascading stagger
Five cards travel curved paths (not straight lines) and cascade in one after another with offset delays - the named pro differentiator for "hand-animated" motion.
EXAMPLE 11 · NEW
Motion blur
A puck sweeps fast and smears across the shutter like real footage instead of strobing - sub-frame sampling averages several renders per frame. Static text stays razor sharp.
EXAMPLE 12 · NEW
Finishing grade + grain
Color grade, teal-orange split, a vignette to pull the eye in, and film grain on top - one pass that de-flattens the cheap CSS look. See the report for the before/after.
EXAMPLE 13 · NEW
Design-system tokens
Every color, size, radius, motion preset and grade in this clip is referenced by name from one locked token vocabulary (60-30-10) - so every future scene feels like one brand.
EXAMPLE 14 · NEW
Kinetic typography
Text reveals word-by-word and letter-by-letter with staggered springs. Each token animates on its own while the line still validates as one collision-safe box.
EXAMPLE 15 · NEW
Everything together (flagship)
One clip using five capabilities at once: a kinetic spring title, a count-up racing to 14, a slow camera push-in, and the full warm grade + grain on top. This is the "almost After Effects" bar.

HOW EACH ONE IS MADE

1. A scene is described as JSON (every element has an exact pixel box). 2. The validator guarantees nothing collides and arrows point true - it blocks a broken layout. 3. Python computes every animation frame and ffmpeg stitches them into MP4. Deterministic: same input, same video.

To make a clip from your own content: send one screenshot + a hook line, and I build a validated scene from it.

If a video doesn't autoplay, click it. Files live in the out/ folder next to this page.