# gimgs.net Motion

> Motion-graphics templates published as self-contained HTML + prompt + flow so an AI agent can read one file, adapt params, and render a video deterministically frame by frame (no build step, no external dependencies).

Every template exposes: `/motion/{slug}.json` (full spec + prompt + source), `/motion/{slug}/template.html` (raw runnable HTML), `/motion/{slug}/play?p=<base64url JSON>&t=<seconds>` (player; `t` pauses at a deterministic frame for screenshots), `/motion/{slug}.md` (this data as markdown). List/search: `https://gimgs.net/api/motion?q=&category=&aspect=`. MCP (no auth): `claude mcp add --transport http gimgs https://gimgs.net/mcp` → tools `search_motion_templates`, `get_motion_template`.

## Contract

Self-contained HTML. Declares window.motion = { width, height, fps, duration, params, apply(params) [, seek(t)] }; root element #stage sized width×height; animations are CSS/WAAPI with animation-fill-mode: both so any t can be seeked via document.getAnimations(). The host runtime (injected by /play) merges ?p params, calls apply(), scales #stage to the viewport and, when ?t is given, pauses and seeks deterministically.

## Render recipe

1. GET the `.json`; validate/fill params from `params_schema` (`default_params` is a ready starting point).
2. For i in 0…fps×duration−1: open `play?p=<base64url(params)>&t=<i/fps>` in headless Chromium at viewport width×height, wait for `document.documentElement.dataset.motionReady === "1"`, screenshot as PNG.
3. `ffmpeg -framerate <fps> -i frame-%04d.png -c:v libx264 -pix_fmt yuv420p out.mp4` (add `-vf scale=…` or `-c:v libvpx-vp9` for WebM as needed).
4. To fork instead of parametrise: download `template.html`, edit, keep `window.motion` + `#stage` intact so the same renderer still works.

## Templates

- [Word relay geometry](https://gimgs.net/motion/word-relay-geometry.md): Three benefit words each carry their own dedicated geometry relay — a dashed circle spins and shrinks → three solid circles trim-grow in sequence → a metallic sheen sweeps then collapses to pure white; each new word outlines then fills in. — remotion, typography, 1920×1080, 6.5s, Apache-2.0. JSON: https://gimgs.net/motion/word-relay-geometry.json
- [White flash: logo simplifies](https://gimgs.net/motion/white-flash-logo-simplify-cut.md): A colorful liquid-gradient wordmark holds with flowing light, then the frame flashes white and overexposes; a flat wordmark fades in on white and settles — one flash completes the downgrade to simplicity. — remotion, transition, 1920×1080, 4.1s, Apache-2.0. JSON: https://gimgs.net/motion/white-flash-logo-simplify-cut.json
- [Geometric wipe transitions](https://gimgs.net/motion/wipe-transitions.md): Two geometric wipe transitions — clock-wipe, a radar-hand sweep changing the page, and blinds-slice, 12 vertical strips flipping in staggered waves. — remotion, transition, 1920×1080, 5.06s, Apache-2.0. JSON: https://gimgs.net/motion/wipe-transitions.json
- [Wall reveal: three moves](https://gimgs.net/motion/wall-reveal-moves.md): Three whole-wall batch entrances — bento cell-by-cell light-up, grid wave flip, and blueprint draw-on; all reveal in place with no displacement, complementing the fly-in, displacement-type deck-deal-flyin. — remotion, ui-entrance, 1920×1080, 5.06s, Apache-2.0. JSON: https://gimgs.net/motion/wall-reveal-moves.json
- [Word relay filmstrip](https://gimgs.net/motion/word-relay-filmstrip.md): A left column of black-and-white page cards steps forward while a serif big word on the right relays in place (a fixed noun + a cycling verb) — the column steps only when the word changes, aligned to the current page card's midpoint. — remotion, typography, 1920×1080, 5.06s, Apache-2.0. JSON: https://gimgs.net/motion/word-relay-filmstrip.json
- [Live voice waveform](https://gimgs.net/motion/voice-waveform-live.md): A live waveform in a recording pill — 64 thin bars rise and fall with "speech," spiking tall mid-speech and shrinking to a dotted line on pauses, scrolling right to left; a full speak-pause-speak-submit performance. — remotion, interaction, 1920×1080, 5.06s, Apache-2.0. JSON: https://gimgs.net/motion/voice-waveform-live.json
- [Vertical word-roll cycle](https://gimgs.net/motion/vertical-word-roll-blur-cycle.md): The sentence's last word cycles on a vertical roller, 3 swaps at 0.55s each, fast then very slow with a slight overshoot; neighboring rows carry vertical blur and grayscale by distance, the centered word snapping from gray to accent color as it lands. — remotion, typography, 1920×1080, 5.5s, Apache-2.0. JSON: https://gimgs.net/motion/vertical-word-roll-blur-cycle.json
- [Value-stagger gradient bars](https://gimgs.net/motion/value-stagger-gradient.md): 16 bars enter with delay as a time stagger, while height/hue/offset/blur each lay out as a value gradient from first to last; the second beat moves the stagger origin to center and re-lays the pulse peaking there. — remotion, ui-entrance, 1920×1080, 5.5s, Apache-2.0. JSON: https://gimgs.net/motion/value-stagger-gradient.json
- [UI morphs into brand mark](https://gimgs.net/motion/ui-to-brand-morph.md): Two UI-to-brand morphs — icon-flip-bloom, an icon flips flat on Y and blooms into a flower mark with the wordmark settling letter by letter, and input-morph-assemble, an input field shrinking into a pill as three primitives assemble into a logo petal. — remotion, outro, 1920×1080, 4.39s, Apache-2.0. JSON: https://gimgs.net/motion/ui-to-brand-morph.json
- [Strip-away outro](https://gimgs.net/motion/ui-strip-away-outro.md): A subtraction outro — after clicking Publish, the editor UI evaporates in staggered layers from the outside in, leaving only the clicked button, which slides to center screen and enlarges before fading to the closing wordmark. — remotion, outro, 1920×1080, 4.39s, Apache-2.0. JSON: https://gimgs.net/motion/ui-strip-away-outro.json
- [Two code reveals, side by side](https://gimgs.net/motion/typing-code-block.md): The same syntax-highlighted code reveals two ways side by side — left: line-level stagger fading up 8px, right: character-by-character typing keeping each token's original color, with a #3a4468 block cursor on the current character. — remotion, typography, 1920×1080, 5.1s, Apache-2.0. JSON: https://gimgs.net/motion/typing-code-block.json
- [Type assembly: four moves](https://gimgs.net/motion/type-assembly-moves.md): Four type-assembly moves — split-text-stagger, letters rising into place; drift-assembly, letters drifting together; tracking-expand, breathing letter-spacing; text-on-path, flowing in along a curve. — remotion, typography, 1920×1080, 4.39s, Apache-2.0. JSON: https://gimgs.net/motion/type-assembly-moves.json
- [Typewriter: two moods](https://gimgs.net/motion/typewriter-moves.md): Two typewriter moves — terminal-typewriter, typing out a command that detonates a scene change, and error-retype, a delete-and-retype three-act "change of mind." — remotion, typography, 1920×1080, 4.89s, Apache-2.0. JSON: https://gimgs.net/motion/typewriter-moves.json
- [Text synced to audio](https://gimgs.net/motion/type-rhythm-sync.md): Two text-to-audio sync moves — font-weight-pump, strokes pumping thicker on the beat and springing back, and karaoke-fill-sync, words filling color one by one with the narration. — remotion, typography, 1920×1080, 4.72s, Apache-2.0. JSON: https://gimgs.net/motion/type-rhythm-sync.json
- [Scramble decode vs letter drop](https://gimgs.net/motion/type-entrance-moves.md): Two title-entrance moves — scramble-decode (an answer grows out of noise) and letter-drop-physics (letters drop with gravity, bounce, and settle), picked by tone. — remotion, typography, 1920×1080, 4.39s, Apache-2.0. JSON: https://gimgs.net/motion/type-entrance-moves.json
- [Type, filter, drill in](https://gimgs.net/motion/type-and-filter.md): Typing a search on a real UI, the grid converges to a single card on its own, then a click drills through into the detail page. — remotion, interaction, 960×540, 2.4s, Apache-2.0. JSON: https://gimgs.net/motion/type-and-filter.json
- [Hidden-cut transitions](https://gimgs.net/motion/transition-hidden-cut.md): Three hidden-cut transitions — foreground occlusion invisible cut, versus-slam opener, and warm light-leak burn; the hard cut hides inside 1-3 frames of occlusion/impact/light peak, so the viewer never sees the scissors. — remotion, transition, 1920×1080, 4.05s, Apache-2.0. JSON: https://gimgs.net/motion/transition-hidden-cut.json
- [Travel-through transitions](https://gimgs.net/motion/transition-travel.md): Two travel-through transitions — shared-element homecoming and letter-cavity pass-through; the camera drills through a real element inside the frame to complete the scene change. — remotion, transition, 1920×1080, 4.39s, Apache-2.0. JSON: https://gimgs.net/motion/transition-travel.json
- [Trailer grammar: three beats](https://gimgs.net/motion/trailer-grammar-moves.md): Three trailer-grammar moves — trailer-bumper, a fast-cut hook up front; card-footage-cadence, text cards interleaved with dialogue footage; smash-cut, a slam into stillness. — remotion, rhythm, 1920×1080, 4.72s, Apache-2.0. JSON: https://gimgs.net/motion/trailer-grammar-moves.json
- [Title demoted to section label](https://gimgs.net/motion/title-demote-to-label.md): Title demoted to section label, two versions — A: a big centered title holds a beat then shrinks 0.3x and slides to the top-left as a small label, content growing beneath it; B: the same move with a text-selection highlight sweeping in and out on entry. — remotion, typography, 1920×1080, 6.59s, Apache-2.0. JSON: https://gimgs.net/motion/title-demote-to-label.json
- [Timeline travel pan](https://gimgs.net/motion/timeline-travel.md): Timeline travel — the camera accelerates along a horizontal ruler axis past version tick marks, a card springs upright and pauses briefly at each tick, and an abrupt stop pushes in on the final tick. — remotion, data, 1920×1080, 5.38s, Apache-2.0. JSON: https://gimgs.net/motion/timeline-travel.json
- [Theme switch: sweep and ripple](https://gimgs.net/motion/theme-switch-moves.md): Two theme-switch moves — theme-sweep, a diagonal wipe (the skin changes wherever the boundary passes), and palette-ripple, a combo move (a ⌘K panel collapses to a point, a ripple spreads from it to re-skin). — remotion, interaction, 1920×1080, 4.72s, Apache-2.0. JSON: https://gimgs.net/motion/theme-switch-moves.json
- [Emotional camera moves](https://gimgs.net/motion/tension-camera-moves.md): Four emotional camera moves — bullet-time freeze-orbit, dutch-roll to level, slow-push-in, and pull-back isolation; the camera makes the viewer "feel" rather than "see." — remotion, camera, 1920×1080, 5.06s, Apache-2.0. JSON: https://gimgs.net/motion/tension-camera-moves.json
- [Two-word standoff converge](https://gimgs.net/motion/text-column-converge.md): Two-word standoff converge — left "NEW" and a right feature word pinned at equal screen margins hard-cutting through rotation with zero shrink, until the last word eases to center once and locks into a phrase, with small text appearing almost as a hard cut below. — remotion, typography, 1920×1080, 6.72s, Apache-2.0. JSON: https://gimgs.net/motion/text-column-converge.json
- [Text-as-video mask](https://gimgs.net/motion/text-as-mask.md): Text as video mask — extra-bold title letters reveal slowly panning product footage through them; at the end the letterforms scale up 26x and overflow, and the inner footage takes over the full screen. — remotion, intro, 1920×1080, 5.06s, Apache-2.0. JSON: https://gimgs.net/motion/text-as-mask.json
- [3D terminal flythrough](https://gimgs.net/motion/terminal-3d.md): Three terminal windows scattered in 3D space; the camera flies between them with a sinusoidal pull-back en route, typing out a command at each stop as results slide out line by line. — remotion, camera, 1920×1080, 6.5s, Apache-2.0. JSON: https://gimgs.net/motion/terminal-3d.json
- [Glitch-tear strip cut](https://gimgs.net/motion/tear-streak-transitions.md): A tearing transition — glitch-displace noise tear (16 horizontal strips jitter out of alignment, cut mid-jitter), a strip-level tear with digital-glitch meaning. — remotion, transition, 1920×1080, 4.54s, Apache-2.0. JSON: https://gimgs.net/motion/tear-streak-transitions.json
- [SVG shape morph loop](https://gimgs.net/motion/svg-shape-morph.md): A 140-point closed outline morphs smoothly into another and back; both shapes are resampled to equal point counts in polar coordinates with per-point radius interpolation and inOutCubic, plus a light scale breathing, slow rotation, and hue drifting 185°→305° mid-morph. — remotion, ui-entrance, 1920×1080, 5.7s, Apache-2.0. JSON: https://gimgs.net/motion/svg-shape-morph.json
- [Broken-stroke title reveal](https://gimgs.net/motion/stroke-segment-build.md): Broken strokes into letters — a title breaks into a dozen-plus disconnected stroke segments that light up out of order; 70% unreadable, then the last segment lands and the meaning snaps into place. — remotion, intro, 1920×1080, 5.06s, Apache-2.0. JSON: https://gimgs.net/motion/stroke-segment-build.json
- [Dark-stage spotlight reveals](https://gimgs.net/motion/spotlight-sweep-moves.md): Three dark-stage spotlight reveals — A wake-sleep sweep (light in = bright, light out = dark), B edge-hugging glow pan (violet light seeps along UI edges + steady rightward sweep), C corner reveal (radial light expands steadily from a corner to light the whole screen); light itself narrates in the dark. — remotion, effects, 1920×1080, 4.54s, Apache-2.0. JSON: https://gimgs.net/motion/spotlight-sweep-moves.json
- [Steep-tilt page glide](https://gimgs.net/motion/steep-tilt-glide.md): A fixed camera holds an upright page in a strong 60° perspective tilt (near right, far left); the page glides sideways across the lens on its own (the object moves, not the camera), with speed-streak afterimages and floating text settling as it lifts from dark to light. — remotion, camera, 1920×1080, 4.05s, Apache-2.0. JSON: https://gimgs.net/motion/steep-tilt-glide.json
- [Spotlight hero card reveal](https://gimgs.net/motion/spotlight-hero-card.md): A spotlight sweeps the page and locks onto one card; it pushes in at 45°, the card lifts and hovers, a light beam circles its outline twice, then it settles back in place. — remotion, intro, 1920×1080, 5.33s, Apache-2.0. JSON: https://gimgs.net/motion/spotlight-hero-card.json
- [Split-flap board title](https://gimgs.net/motion/split-flap-title.md): Airport split-flap title — each character's two mechanical flap halves flip through 2 garbled frames and clatter to a stop on the target letter, cascading left to right. — remotion, typography, 1920×1080, 4.72s, Apache-2.0. JSON: https://gimgs.net/motion/split-flap-title.json
- [Speed ramp and freeze-annotate](https://gimgs.net/motion/speed-ramp-freeze.md): Two frame-remap pacing moves — speed-ramp (fast → 0.2x gaze → fast) and freeze-annotate (flowing → freeze with a circled callout → unfreeze). — remotion, rhythm, 1920×1080, 4.54s, Apache-2.0. JSON: https://gimgs.net/motion/speed-ramp-freeze.json
- [Spectrum-morph underline](https://gimgs.net/motion/spectrum-morph-ui.md): Spectrum UI morph — the title underline splits into vertical bars that pulse like a spectrum for two bars, then closes back into a straight line; music visualization living inside the UI. — remotion, rhythm, 1920×1080, 4.72s, Apache-2.0. JSON: https://gimgs.net/motion/spectrum-morph-ui.json
- [Shot transitions six](https://gimgs.net/motion/shot-transitions.md): Six shot hand-off techniques — flash-cut, fly-through, focus relay, black card, whip-pan, mask-wipe — chosen by energy delta. — remotion, transition, 960×540, 1.43s, Apache-2.0. JSON: https://gimgs.net/motion/shot-transitions.json
- [3D space camera moves](https://gimgs.net/motion/space-camera-moves.md): Two 3D spatial camera moves — exploded-view (parts blow apart along Z then reassemble) and drone-dive-landing (a drone dives and lands). — remotion, camera, 1920×1080, 5.06s, Apache-2.0. JSON: https://gimgs.net/motion/space-camera-moves.json
- [Slam entrance moves](https://gimgs.net/motion/slam-entrance-moves.md): Three high-energy slam entrances: a whip-in perspective stop, a heavy KPI drop, and a shockwave that hits neighboring cards. — remotion, effects, 1920×1080, 4.39s, Apache-2.0. JSON: https://gimgs.net/motion/slam-entrance-moves.json
- [Smear-frame afterimages](https://gimgs.net/motion/smear-multiples.md): Afterimage smear — a card drags 4 crisp, countable clones while panning fast, merging into one on landing; an animated take on motion blur. — remotion, rhythm, 1920×1080, 4.39s, Apache-2.0. JSON: https://gimgs.net/motion/smear-multiples.json
- [Skeleton reveal](https://gimgs.net/motion/skeleton-reveal.md): Three-tier reveal from sketch to structure to content — hand-drawn doodles get swapped for skeleton bars, which resolve into real UI. — remotion, ui-entrance, 1920×1080, 5.78s, Apache-2.0. JSON: https://gimgs.net/motion/skeleton-reveal.json
- [Scroll brake moves](https://gimgs.net/motion/scroll-brake-moves.md): A long scroll decelerates to a precise stop on the latest item; a variant adds a reticle lock on the same frame. — remotion, data, 1920×1080, 4.72s, Apache-2.0. JSON: https://gimgs.net/motion/scroll-brake-moves.json
- [Segmented thumb hero](https://gimgs.net/motion/segmented-thumb-hero.md): A segmented control's thumb shift becomes the star of a close-up — a cursor clicks it and a new icon springs in. — remotion, interaction, 1920×1080, 3.71s, Apache-2.0. JSON: https://gimgs.net/motion/segmented-thumb-hero.json
- [Scramble decode text](https://gimgs.net/motion/scramble.md): A monospace line of characters scrambles rapidly, then locks left to right into real letters one by one with a blue-white flash. — remotion, typography, 1920×1080, 3.7s, Apache-2.0. JSON: https://gimgs.net/motion/scramble.json
- [Scanline assemble fly-in](https://gimgs.net/motion/scanline-assemble-flyin.md): A scan line sweeps down an empty grid, flying each region's component in from off-screen — finishing as the scan ends. — remotion, effects, 1920×1080, 5.1s, Apache-2.0. JSON: https://gimgs.net/motion/scanline-assemble-flyin.json
- [Scanline annotate focus](https://gimgs.net/motion/scanline-annotate-focus.md): A bright scan line sweeps down the page, framing each element it passes and labeling it with monospace annotations. — remotion, effects, 1920×1080, 5.1s, Apache-2.0. JSON: https://gimgs.net/motion/scanline-annotate-focus.json
- [Scan bracket sweep](https://gimgs.net/motion/scan-bracket-sweep.md): A skeleton document pops in, viewfinder brackets frame it, and a scan line sweeps it 5 times while it stays completely still. — remotion, effects, 1920×1080, 5.5s, Apache-2.0. JSON: https://gimgs.net/motion/scan-bracket-sweep.json
- [Runway ground skim entrance](https://gimgs.net/motion/runway-ground-skim.md): From a low ground-skim angle, UI cards rain down fast and land with zero bounce, then the whole page stands up and squares to camera. — remotion, ui-entrance, 1920×1080, 3.99s, Apache-2.0. JSON: https://gimgs.net/motion/runway-ground-skim.json
- [Sakuga timing shift](https://gimgs.net/motion/sakuga-timing-shift.md): On-3s cuts to on-1s — an element moves in choppy 3-frame steps, then snaps to buttery frame-by-frame speed at the climax. — remotion, rhythm, 1920×1080, 5.06s, Apache-2.0. JSON: https://gimgs.net/motion/sakuga-timing-shift.json
- [Riso print hits](https://gimgs.net/motion/riso-print-hits.md): Two Riso-print misregistration hits: a single split-and-snap impact, and a rhythmic version that compounds beat by beat. — remotion, effects, 1920×1080, 4.05s, Apache-2.0. JSON: https://gimgs.net/motion/riso-print-hits.json
- [Row embed](https://gimgs.net/motion/row-embed.md): Content rows drop from above like cards, level out via rotateX, and an accent-color seam lights up along the bottom edge as they embed. — remotion, ui-entrance, 960×540, 3.33s, Apache-2.0. JSON: https://gimgs.net/motion/row-embed.json
- [Ring diagram annotation reveal](https://gimgs.net/motion/ring-diagram-annotation-reveal.md): A full-screen subject is squeezed into a ring diagram by a circular window, then the group shrinks left to reveal annotations. — remotion, data, 1920×1080, 6.38s, Apache-2.0. JSON: https://gimgs.net/motion/ring-diagram-annotation-reveal.json
- [Rhythm interrupt moves](https://gimgs.net/motion/rhythm-interrupt-moves.md): Two rhythm-breaking techniques: jump-cut-punch-in, a three-step jump-cut push-in, and strobe-black-frames, strobing black frames. — remotion, rhythm, 1920×1080, 4.54s, Apache-2.0. JSON: https://gimgs.net/motion/rhythm-interrupt-moves.json
- [Research card stack scroll](https://gimgs.net/motion/research-card-stack-scroll.md): Dark paper cards fly in every 12 frames along a bottom-right axis to stack up, only the topmost fully rendered while the rest blur and dim. — remotion, ui-entrance, 1920×1080, 5.3s, Apache-2.0. JSON: https://gimgs.net/motion/research-card-stack-scroll.json
- [Radial wave dot grid](https://gimgs.net/motion/radial-wave.md): A 17×9 grid of dots lights up in a wave based on distance from a source point, each dot overshooting to 1.5x scale then settling. — remotion, ui-entrance, 1920×1080, 4.3s, Apache-2.0. JSON: https://gimgs.net/motion/radial-wave.json
- [Radial ripple phone chips](https://gimgs.net/motion/radial-ripple-phone-chips.md): Concentric rings breathe like water behind a phone mockup with an auto-scrolling feed, while white chips spring in on both sides. — remotion, effects, 1920×1080, 6.1s, Apache-2.0. JSON: https://gimgs.net/motion/radial-ripple-phone-chips.json
- [Quad split parallel scenes](https://gimgs.net/motion/quad-split-parallel-scenes.md): A hard-cut 2×2 grid runs four micro-scenes in parallel, with key beats staggered 3–6 frames apart for an information barrage. — remotion, rhythm, 1920×1080, 2.6s, Apache-2.0. JSON: https://gimgs.net/motion/quad-split-parallel-scenes.json
- [Product card progressive assemble](https://gimgs.net/motion/product-card-progressive-assemble.md): A detail card self-assembles field by field — image, title, breadcrumb pill pop in, the old price strikes through, a new price springs in. — remotion, ui-entrance, 1920×1080, 5.5s, Apache-2.0. JSON: https://gimgs.net/motion/product-card-progressive-assemble.json
- [Print texture transitions](https://gimgs.net/motion/print-texture-transitions.md): A print-textured transition: ink-bleed-reveal, where feathered bleeding edges soak in and consume the old scene. — remotion, transition, 1920×1080, 4.39s, Apache-2.0. JSON: https://gimgs.net/motion/print-texture-transitions.json
- [Platform hinge rise](https://gimgs.net/motion/platform-hinge-rise.md): A platform establishes first, two subjects flip up from adjacent hinges with a damped rebound, then a conclusion stand rises in. — remotion, ui-entrance, 1920×1080, 3.52s, Apache-2.0. JSON: https://gimgs.net/motion/platform-hinge-rise.json
- [Pill slot cycle](https://gimgs.net/motion/pill-slot-cycle.md): A fixed sentence stem stays locked while a pill badge at the end slot-machine-rolls a new word roughly every 0.7s. — remotion, typography, 1920×1080, 5.89s, Apache-2.0. JSON: https://gimgs.net/motion/pill-slot-cycle.json
- [Particle celebration hits](https://gimgs.net/motion/particle-celebrate-hits.md): Confetti cannons fire from both sides, or sparks fizz off the counter each time it ticks past a thousand. — remotion, data, 1920×1080, 5.38s, Apache-2.0. JSON: https://gimgs.net/motion/particle-celebrate-hits.json
- [Pill chip slot cycle](https://gimgs.net/motion/pill-chip-slot-cycle-handled.md): In "Your `chip` Handled" on white, the word inside a dark pill scrolls like a slot reel while the pill's width smoothly stretches to fit. — remotion, typography, 1920×1080, 5.5s, Apache-2.0. JSON: https://gimgs.net/motion/pill-chip-slot-cycle-handled.json
- [Particle sand-fill bars](https://gimgs.net/motion/particle-sand-fill.md): Bar charts don't grow tall — they "rain into being": square particles fall one by one and pile up into bars, then solidify. — remotion, data, 1920×1080, 5.38s, Apache-2.0. JSON: https://gimgs.net/motion/particle-sand-fill.json
- [Picker carousel feature cycle](https://gimgs.net/motion/picker-carousel-feature-cycle.md): A mobile-style vertical picker — the focus pill stays still while content scrolls through it, snapping to a full stop each time. — remotion, interaction, 1920×1080, 4.1s, Apache-2.0. JSON: https://gimgs.net/motion/picker-carousel-feature-cycle.json
- [Paper title card](https://gimgs.net/motion/paper-title-card.md): A sentence letterpress-stamps onto paper word by word, one word marked in italic accent color, closed off by a short dash. — remotion, typography, 960×540, 1.83s, Apache-2.0. JSON: https://gimgs.net/motion/paper-title-card.json
- [Paper craft moves](https://gimgs.net/motion/paper-craft-moves.md): Two paper-craft techniques: masking-tape-slap pins a card down with tape slaps, and popup-book-rise stands cards up like a pop-up book. — remotion, ui-entrance, 1920×1080, 4.72s, Apache-2.0. JSON: https://gimgs.net/motion/paper-craft-moves.json
- [Panel grid rhythm moves](https://gimgs.net/motion/panel-grid-moves.md): Three grid-rhythm techniques: flash-fill a grid, reshuffle it, or line up angled panels — all riding the beat. — remotion, rhythm, 1920×1080, 4.72s, Apache-2.0. JSON: https://gimgs.net/motion/panel-grid-moves.json
- [Paper plane messenger transition](https://gimgs.net/motion/paper-plane-messenger.md): After a "send" click the camera pulls back from window A, a paper plane flies out along a bezier arc, and the camera follows it to window B. — remotion, transition, 1920×1080, 5.06s, Apache-2.0. JSON: https://gimgs.net/motion/paper-plane-messenger.json
- [Page waterfall wall](https://gimgs.net/motion/page-waterfall-wall.md): Real page screenshots split into 3–4 columns scroll endlessly at different speeds and directions on a tilted-back 3D wall. — remotion, ui-entrance, 1920×1080, 5.06s, Apache-2.0. JSON: https://gimgs.net/motion/page-waterfall-wall.json
- [Page-turn transitions](https://gimgs.net/motion/page-turn-transitions.md): Two full-page transitions: cube-rotate turns two pages like adjacent cube faces, and barn-door-split splits the old page open like doors. — remotion, transition, 1920×1080, 4.72s, Apache-2.0. JSON: https://gimgs.net/motion/page-turn-transitions.json
- [Overhead camera moves](https://gimgs.net/motion/overhead-camera-moves.md): Two overhead reveal techniques: tilt-reveal pitches up to level, and overhead-tabletop-drop slides across a card array then dives in. — remotion, camera, 1920×1080, 4.89s, Apache-2.0. JSON: https://gimgs.net/motion/overhead-camera-moves.json
- [Outro group photo launch](https://gimgs.net/motion/outro-group-photo-launch.md): Elements from across the whole film fly in from every direction to pose around the wordmark, staged like a launch-event finale. — remotion, outro, 960×540, 4.83s, Apache-2.0. JSON: https://gimgs.net/motion/outro-group-photo-launch.json
- [Outline word fill-in](https://gimgs.net/motion/outline-word-fill.md): A hollow-outline word snaps in from 3.2x scale, a dashed circle and guidelines close in, then the outline instantly fills solid white. — remotion, typography, 1920×1080, 3s, Apache-2.0. JSON: https://gimgs.net/motion/outline-word-fill.json
- [Orbit ring title opening](https://gimgs.net/motion/orbit-ring-title-open.md): Eight content cards orbit a 700×375 ellipse at constant speed while a centered title resolves into focus and settles. — remotion, intro, 1920×1080, 4.33s, Apache-2.0. JSON: https://gimgs.net/motion/orbit-ring-title-open.json
- [Odometer digit roll](https://gimgs.net/motion/odometer-digit-roll.md): Full-screen digits spin like slot-machine reels, locking in one by one left to right with an overshoot, then pulse once locked. — remotion, data, 1920×1080, 5.06s, Apache-2.0. JSON: https://gimgs.net/motion/odometer-digit-roll.json
- [Triple neon marquee recap](https://gimgs.net/motion/neon-triple-marquee.md): Three rows of opposing neon marquee text (BETTER/FASTER/STRONGER) scroll endlessly, taking turns lighting up, then fade out. — remotion, outro, 1920×1080, 5.06s, Apache-2.0. JSON: https://gimgs.net/motion/neon-triple-marquee.json
- [Neon frame orbit drop](https://gimgs.net/motion/neon-frame-orbit-drop.md): Neon frame draws in, then the camera arcs across the page as every element drops into place on the same frame. — remotion, ui-entrance, 1920×1080, 4.6s, Apache-2.0. JSON: https://gimgs.net/motion/neon-frame-orbit-drop.json
- [Neon frame forerun](https://gimgs.net/motion/neon-frame-forerun.md): A steep-perspective neon frame draws itself in from both ends, the page brightens from dark inside it, components land from above with matching soft shadows, and background neon tubes dim out at the end. — remotion, ui-entrance, 1920×1080, 4.46s, Apache-2.0. JSON: https://gimgs.net/motion/neon-frame-forerun.json
- [Mosaic reframe](https://gimgs.net/motion/mosaic-reframe.md): 12 tiles continuously morph among three layouts — a regular grid, a feature mosaic, and a diagonal waterfall — position and size each interpolating, with a slight per-tile stagger and a hold between segments. — remotion, transition, 1920×1080, 6.5s, Apache-2.0. JSON: https://gimgs.net/motion/mosaic-reframe.json
- [Morph from primitive shape](https://gimgs.net/motion/morph-from-primitive.md): A stroked circle breathes once (anticipation), then its SVG path interpolates over 24f into a rounded card outline, and the content fades in. — remotion, ui-entrance, 1920×1080, 4.72s, Apache-2.0. JSON: https://gimgs.net/motion/morph-from-primitive.json
- [Montage rhythm moves](https://gimgs.net/motion/montage-rhythm-moves.md): Three montage-rhythm styles: drop-blackout-slam, a blackout wind-up drop; wright-triple-cut, a triple-clack close-up cut; and domino-cascade, a domino-chain entrance. — remotion, rhythm, 1920×1080, 4.39s, Apache-2.0. JSON: https://gimgs.net/motion/montage-rhythm-moves.json
- [Marker underline title](https://gimgs.net/motion/marker-underline-title.md): After the headline settles, a marker-pen underline draws fast left to right beneath a keyword — a widening stroke, a rough edge, a slight upward slant hugging the letters' baseline. — remotion, typography, 1920×1080, 3.39s, Apache-2.0. JSON: https://gimgs.net/motion/marker-underline-title.json
- [Magician card flourish](https://gimgs.net/motion/magician-card-flourish.md): On pure black, a blue starburst flashes for 0.3s, then a card ejects from the flash point — spinning fast along an arc toward the camera, spin decaying as it nears, hard-freezing near full-frame, followed by a sheen sweep. — remotion, intro, 1920×1080, 4.25s, Apache-2.0. JSON: https://gimgs.net/motion/magician-card-flourish.json
- [Logo shrink to wordmark lockup](https://gimgs.net/motion/logo-shrink-wordmark-lockup.md): A large neon-cutout ring collapses fast into a small solid white "O" with a settling overshoot, the icon shifts left to make room, letters slide in to complete the lockup, and a tagline closes it out. — remotion, outro, 1920×1080, 4.9s, Apache-2.0. JSON: https://gimgs.net/motion/logo-shrink-wordmark-lockup.json
- [List stack press](https://gimgs.net/motion/list-stack-press.md): List cards fly up from the bottom of the frame one by one to stack up, each landing squashing and rebounding the whole pile while a counter ticks up in sync. — remotion, ui-entrance, 960×540, 3.5s, Apache-2.0. JSON: https://gimgs.net/motion/list-stack-press.json
- [Line carry transition](https://gimgs.net/motion/line-carry-transition.md): Scene A's progress bar extends off-frame, the camera pans with the line, and the line turns a corner mid-move to frame scene B's card border, with no cut anywhere. — remotion, transition, 1920×1080, 5.38s, Apache-2.0. JSON: https://gimgs.net/motion/line-carry-transition.json
- [List reveal with drift](https://gimgs.net/motion/list-reveal.md): A 6-item vertical menu settles into place in sequence at a 0.09 stagger with a light overshoot on landing, while the whole list container drifts linearly upward throughout — two unrelated layers of motion. — remotion, ui-entrance, 1920×1080, 4.1s, Apache-2.0. JSON: https://gimgs.net/motion/list-reveal.json
- [Light play moves](https://gimgs.net/motion/light-play-moves.md): Three light styles: spotlight-sweep sweeping a spotlight across text, sheen a single sheen sweep, and halation-bloom a crash-stop glow bloom. — remotion, effects, 1920×1080, 5.38s, Apache-2.0. JSON: https://gimgs.net/motion/light-play-moves.json
- [Line boil](https://gimgs.net/motion/line-boil.md): Line boil — during a hold, text/outline contours wriggle slightly every 3 frames like a hand-redrawn frame, keeping a still image "alive" and breathing. — remotion, effects, 1920×1080, 4.72s, Apache-2.0. JSON: https://gimgs.net/motion/line-boil.json
- [Letterspace materialize](https://gimgs.net/motion/letterspace-materialize.md): A wide-tracking wordmark crystallizes with all characters drawn in parallel — every letter starts its stroke on the same frame, growing continuously like handwriting, finishing the word on the same frame. — remotion, intro, 1920×1080, 4.39s, Apache-2.0. JSON: https://gimgs.net/motion/letterspace-materialize.json
- [Lead word zoom assemble](https://gimgs.net/motion/lead-word-zoom-assemble.md): The lead word fills the frame at 2.3x, still pushing in during the hold, then shrinks to final size while the line slides left into place as the remaining words are pushed in from their slots. — remotion, typography, 1920×1080, 2.8s, Apache-2.0. JSON: https://gimgs.net/motion/lead-word-zoom-assemble.json
- [Impact feedback](https://gimgs.net/motion/impact-feedback.md): Two impact-feedback styles: hit-counter, combo counting (a hitch frame plus damage numbers and combo pop-text), and anime-impact, an anime impact frame (negative flash plus speed lines plus chromatic aberration). — remotion, effects, 1920×1080, 5.06s, Apache-2.0. JSON: https://gimgs.net/motion/impact-feedback.json
- [Integration hub map](https://gimgs.net/motion/integration-hub-map.md): The old page flips 180° in one go to land as a new hub page, five integration app icons pop in at once, then five rainbow light conduits connect all at once with pulses flowing continuously. — remotion, ui-entrance, 1920×1080, 4.72s, Apache-2.0. JSON: https://gimgs.net/motion/integration-hub-map.json
- [Input trigger moves](https://gimgs.net/motion/input-trigger-moves.md): Two input-trigger styles: cursor-performance, a cursor performance push-in click, and keycap-smash-cut, a keycap-fuse detonation hard cut. — remotion, interaction, 1920×1080, 5.06s, Apache-2.0. JSON: https://gimgs.net/motion/input-trigger-moves.json
- [Icon performance moves](https://gimgs.net/motion/icon-performance-moves.md): Two icon-performance styles: pop-burst-confirm, a confirmation burst (checkmark pops with particles and a spreading ring), and attention-bounce, an attention-seeking bounce (icon bounces higher each time, squashing on landing). — remotion, effects, 1920×1080, 4.05s, Apache-2.0. JSON: https://gimgs.net/motion/icon-performance-moves.json
- [Icon field colorize](https://gimgs.net/motion/icon-field-colorize.md): A grayscale grid of small icons staggers in to fill the screen, holds a beat, then brand-color bands ripple rapidly downward to colorize everything at once. — remotion, intro, 1920×1080, 5.06s, Apache-2.0. JSON: https://gimgs.net/motion/icon-field-colorize.json
- [Hatch to real data](https://gimgs.net/motion/hatch-depth.md): Diagonal-hatched placeholder bars wipe-extend, then the hatching fades as a solid accent-colored layer fades in with values popping up, the placeholder chart turning into a real bar chart. — remotion, data, 1920×1080, 4.9s, Apache-2.0. JSON: https://gimgs.net/motion/hatch-depth.json
- [Hashtag to pill materialize](https://gimgs.net/motion/hashtag-to-pill-materialize.md): "#word" types itself in, hard-cuts on 1 frame into a large pill label, holds, then shrinks and moves left into position, another hard cut reveals the finished page — two hard cuts around one slide. — remotion, interaction, 1920×1080, 4.46s, Apache-2.0. JSON: https://gimgs.net/motion/hashtag-to-pill-materialize.json
- [Graze face tour](https://gimgs.net/motion/graze-face-tour.md): A steep-angle close-up skims low over the UI surface, text initially hovers above the interface with a matching soft shadow, and as the camera moves each piece accelerates down to settle into place. — remotion, camera, 1920×1080, 5s, Apache-2.0. JSON: https://gimgs.net/motion/graze-face-tour.json
- [Glow & flyline moves](https://gimgs.net/motion/glow-flyline-moves.md): Three dark-scene glow-and-flyline styles: glow-orb-ambient ambient glow noise, flyline-arc a connecting light arc, and orb-flyline-relay combining both with same-frame resonance. — remotion, effects, 1920×1080, 5.06s, Apache-2.0. JSON: https://gimgs.net/motion/glow-flyline-moves.json
- [Grain dissolve to wordmark](https://gimgs.net/motion/grain-dissolve.md): A full line of text bursts into boiling grain noise with a selection box appearing, then the noise cloud rapidly condenses into a larger glowing short wordmark, drift decaying to zero as it freezes. — remotion, outro, 1920×1080, 2.5s, Apache-2.0. JSON: https://gimgs.net/motion/grain-dissolve.json
- [Gradient word charge sweep](https://gimgs.net/motion/gradient-word-sweep.md): A gradient of colored light sweeps fast left to right to "charge" a keyword in a black-scene tagline — brightest at the wavefront, decaying behind it, then settling into a steady lightning-breathing glow. — remotion, typography, 1920×1080, 3.71s, Apache-2.0. JSON: https://gimgs.net/motion/gradient-word-sweep.json
- [Gradient transition](https://gimgs.net/motion/gradient-transition.md): The background smoothly transitions among linear, radial, and conic CSS gradients — angle, color stops, center, and radius each interpolate, with a cross-fade at type changes. — remotion, transition, 1920×1080, 6.5s, Apache-2.0. JSON: https://gimgs.net/motion/gradient-transition.json
- [Glitch status cycle](https://gimgs.net/motion/glitch-cycle.md): The same slot cycles through 4 status phrases, each scrambling fully at the head and tail with occasional mid-phrase jitter, RGB split and a full-line shift at each switch; the last phrase resolves clean. — remotion, typography, 1920×1080, 6.1s, Apache-2.0. JSON: https://gimgs.net/motion/glitch-cycle.json
- [Gauge readout moves](https://gimgs.net/motion/gauge-readout-moves.md): Two gauge-readout styles: needle-sweep-selftest, a full-arc self-test sweep before settling to the true value, and tape-scroll-fixed-pointer, a fixed pointer with a scrolling tape that sprints then brakes. — remotion, data, 1920×1080, 4.72s, Apache-2.0. JSON: https://gimgs.net/motion/gauge-readout-moves.json
- [Glass pill dictation typing](https://gimgs.net/motion/glass-pill-dictation-typing.md): On black, a glass pill pops in at 1.25× then eases to size, an accent light sweeping inside; the cursor leads, placeholder text types in as the glow dims with typing progress, ending as a neutral dark glass bar. — remotion, interaction, 1920×1080, 2.17s, Apache-2.0. JSON: https://gimgs.net/motion/glass-pill-dictation-typing.json
- [FUI/HUD moves](https://gimgs.net/motion/fui-hud-moves.md): Two FUI/HUD styles: line-unfold-panel, a single line unfolding into a panel (line-to-plane CRT grammar), and reticle-lock-on, a viewfinder flying in to lock onto a target. — remotion, effects, 1920×1080, 4.72s, Apache-2.0. JSON: https://gimgs.net/motion/fui-hud-moves.json
- [Fracture assemble & burst](https://gimgs.net/motion/fracture.md): A 5×5 tile grid assembles ring by ring from a 3D fractured state into a full poster, holds a beat for the headline, then all fragments spin away accelerating out of frame. — remotion, intro, 1920×1080, 5.7s, Apache-2.0. JSON: https://gimgs.net/motion/fracture.json
- [Flying words tunnel](https://gimgs.net/motion/flying-words.md): 22 keywords arranged by the golden angle fly along the z-axis from -1750px to 800px past the camera, opacity following a [0,1,0.5,0.2,0] life curve, running two full seamless loops. — remotion, typography, 1920×1080, 6.5s, Apache-2.0. JSON: https://gimgs.net/motion/flying-words.json
- [Element body moves](https://gimgs.net/motion/element-body-moves.md): Two element-body-feel styles: axial-stretch taffy-pull stretching, and contact-shadow-lift lifting off the surface with a contact shadow. — remotion, ui-entrance, 1920×1080, 4.72s, Apache-2.0. JSON: https://gimgs.net/motion/element-body-moves.json
- [Floating glossy label pills](https://gimgs.net/motion/floating-glossy-label-pills.md): Four wireframe panels each topped with a glossy pill label queue horizontally, swapping position in three beats while the centered panel enlarges and the sides shrink and blur, ending with a cursor sliding to rest. — remotion, ui-entrance, 1920×1080, 4.5s, Apache-2.0. JSON: https://gimgs.net/motion/floating-glossy-label-pills.json
- [Edit hook moves](https://gimgs.net/motion/edit-hook-moves.md): logo-sting-button end-hook — after the closing logo settles, a 12f easter egg suddenly cuts in before the final close, a trailer-style button ending. — remotion, outro, 1920×1080, 4.78s, Apache-2.0. JSON: https://gimgs.net/motion/edit-hook-moves.json
- [Draw SVG trace annotation](https://gimgs.net/motion/draw-svg-trace.md): Growing outline annotation — an inked line with a visible pen tip traces once around an element to "draw" it, flashes black to hand off at closure, then content fades in; also works as a title underline. — remotion, ui-entrance, 1920×1080, 4.72s, Apache-2.0. JSON: https://gimgs.net/motion/draw-svg-trace.json
- [Document typewriter reveal](https://gimgs.net/motion/document-typewriter-reveal.md): A fully typeset document "writes" itself out behind the cursor across the whole page, the sidebar follows along, and history entries drop into their track one by one. — remotion, typography, 960×540, 3.67s, Apache-2.0. JSON: https://gimgs.net/motion/document-typewriter-reveal.json
- [Doc-park pill deal](https://gimgs.net/motion/doc-park-left-pill-deal.md): The document doesn't fade out — it slides left to show ~35% width at 0.92 scale, while three pill labels deal in on the right at narration pace, captions darkening word by word as the doc keeps auto-scrolling. — remotion, ui-entrance, 1920×1080, 6.3s, Apache-2.0. JSON: https://gimgs.net/motion/doc-park-left-pill-deal.json
- [Layered depth camera moves](https://gimgs.net/motion/depth-layer-moves.md): Two layered-depth camera moves: multiplane parallax dolly (3 layers at graded speeds pan out depth) and fake dolly-zoom (subject pinned, background swells inward). — remotion, camera, 1920×1080, 4.54s, Apache-2.0. JSON: https://gimgs.net/motion/depth-layer-moves.json
- [Deck deal fly-in](https://gimgs.net/motion/deck-deal-flyin.md): Opens on a close-up of a physical card deck orbiting against a dark metallic background, pulls back, then a stack of cards hard-accelerates into the grid like a deal, camera chasing the scroll, holding half a second at full board. — remotion, ui-entrance, 1920×1080, 5.38s, Apache-2.0. JSON: https://gimgs.net/motion/deck-deal-flyin.json
- [Dataviz Landscape Open](https://gimgs.net/motion/dataviz-landscape-open.md): A dark-scene opener of tributary flow-line terrain — many flow lines merge into a main stream, fictional ID labels float on the lines, and the camera flies slowly through with heavy depth of field. — remotion, intro, 1920×1080, 5.55s, Apache-2.0. JSON: https://gimgs.net/motion/dataviz-landscape-open.json
- [Dashboard Glow Highlight Pill](https://gimgs.net/motion/dashboard-glow-highlight-pill.md): A gold wordmark hangs in a black void as a data dashboard rises up in perspective and keeps drifting in 3D; a gold light patch cruises from the right to the bottom, stretching into a pill, then traces the glowing outline of a popup from that pill. — remotion, effects, 1920×1080, 2.5s, Apache-2.0. JSON: https://gimgs.net/motion/dashboard-glow-highlight-pill.json
- [Cycle Glass Node Morph](https://gimgs.net/motion/cycle-glass-node-morph.md): A single subject shrinks into a mechanism diagram during a diagonal wipe, three looping-cycle labels establish along an arc, then on a continuous push-in three glass nodes rise from below to take over the original labels, ending with staggered diagnostic markers pinning the system state. — remotion, data, 1920×1080, 8.62s, Apache-2.0. JSON: https://gimgs.net/motion/cycle-glass-node-morph.json
- [Cursor Flyover Tour](https://gimgs.net/motion/cursor-flyover.md): After a full-page overhead view fades in, the camera flies in turn to zoom-in close-ups on four corners, an SVG cursor tracking along to point and leave click ripples. — remotion, camera, 1920×1080, 6.5s, Apache-2.0. JSON: https://gimgs.net/motion/cursor-flyover.json
- [Cube Face Navigation](https://gimgs.net/motion/cube-navigation.md): Content covers all six faces of a 3D cube; the camera goes from a front close-up → pulls back to an isometric view of the edges → alternates turning faces and pushing in, each face's shading computed live from its normal. — remotion, transition, 1920×1080, 6.5s, Apache-2.0. JSON: https://gimgs.net/motion/cube-navigation.json
- [Crash Zoom Punch](https://gimgs.net/motion/crash-zoom-punch.md): A wide shot crash-zooms to a target close-up in one beat (6f), landing either with a bounce overshoot (elastic) or a hard stop with screen shake (weighty). — remotion, camera, 1920×1080, 4.05s, Apache-2.0. JSON: https://gimgs.net/motion/crash-zoom-punch.json
- [Crane Rise Reveal](https://gimgs.net/motion/crane-rise-reveal.md): A crane-arm pull-up reveal — the opening shoves in close on one row of data, then the camera decelerates upward and pulls back as row after row floods in until the full dashboard fills the frame. — remotion, intro, 1920×1080, 5.06s, Apache-2.0. JSON: https://gimgs.net/motion/crane-rise-reveal.json
- [Counter Confetti Celebration](https://gimgs.net/motion/counter-confetti.md): A big number counts up with an easeOutQuart sprint and a scale overshoot; a beat before it lands, 52 confetti pieces burst in from both sides on parabolic arcs, an impact ring expands, and the label's letter-spacing tightens to close. — remotion, data, 1920×1080, 5.1s, Apache-2.0. JSON: https://gimgs.net/motion/counter-confetti.json
- [Countdown Arc Scatter](https://gimgs.net/motion/countdown-arc-scatter.md): A white-background dial with 9 equal-size digits along a large arc sweeps 96° then decelerates to a hard stop; "5" stops at the arc's peak and slides into place as the title's first character while the other numbers blur away, and the title fades in blurred word by word, ending on an accent-colored last word. — remotion, typography, 1920×1080, 1.6s, Apache-2.0. JSON: https://gimgs.net/motion/countdown-arc-scatter.json
- [Command Palette Summon](https://gimgs.net/motion/command-palette-summon.md): The command palette descends — the whole screen dims and blurs, the ⌘K panel springs down with overshoot, candidate rows appear staggered, and the list narrows in real time as you type. — remotion, interaction, 1920×1080, 5.06s, Apache-2.0. JSON: https://gimgs.net/motion/command-palette-summon.json
- [Collab Cursor Moves](https://gimgs.net/motion/collab-cursor-moves.md): Two ways collaborative cursors perform — dialogue-duet, a two-cursor dark-stage duet (approach/circle/hand off the light/zoom into a transition), and cast-ensemble, a five-cursor ambient crowd layer (staggered entrance + drift + a typing cameo + gathering around). — remotion, interaction, 1920×1080, 4.72s, Apache-2.0. JSON: https://gimgs.net/motion/collab-cursor-moves.json
- [Color Block Step Wipe](https://gimgs.net/motion/color-block-step-wipe.md): Two ways a discrete stepped color block swallows the screen — A, a small center bar hard-jumps 3–5 steps to full screen (a badge double-pops once it takes over); B, a block eats the screen diagonally from a corner in 3 jumps, carrying a page card forward one jump at a time. — remotion, transition, 1920×1080, 5.06s, Apache-2.0. JSON: https://gimgs.net/motion/color-block-step-wipe.json
- [Cloner Depth Echo Column](https://gimgs.net/motion/cloner-depth-echo.md): A cloned column — the main card instantly "photocopies" 7 translucent clones arrayed diagonally in depth, holds a beat, then all accelerate back and snap into the original with a bounce. — remotion, ui-entrance, 1920×1080, 5.38s, Apache-2.0. JSON: https://gimgs.net/motion/cloner-depth-echo.json
- [Circle Match Iris Cut](https://gimgs.net/motion/circle-match-iris.md): An iris wipe bursts open from the center of a circular element on the page, and the new page's circular chart lands on that same circle inside the ring — a match cut that gives the iris a semantic anchor. — remotion, transition, 1920×1080, 4.72s, Apache-2.0. JSON: https://gimgs.net/motion/circle-match-iris.json
- [Chip Lift to User Pill](https://gimgs.net/motion/chip-lift-to-user-pill.md): A target chip in a grid hard-cuts to inverted black-on-white in 3 frames, other chips fade and shrink out staggered by Manhattan distance to it; the black chip's left edge anchors and grows into a pill, typing out a name letter by letter and lighting a green dot, then a 1px line connects it to a circular badge. — remotion, interaction, 1920×1080, 5.5s, Apache-2.0. JSON: https://gimgs.net/motion/chip-lift-to-user-pill.json
- [Chart Live Moves](https://gimgs.net/motion/chart-live-moves.md): Three ways to bring a chart alive — oscilloscope-stream real-time waveform with sudden spikes, unit-dot-swarm-regroup dot swarms migrating into a number, and axis-rescale-shock a new value blowing past the axis and forcing a rescale. — remotion, data, 1920×1080, 5.38s, Apache-2.0. JSON: https://gimgs.net/motion/chart-live-moves.json
- [Chip Grid Blackout Select](https://gimgs.net/motion/chip-grid-single-select-blackout.md): Five option chips fade in one by one in a centered 3+2 layout; the selected one flashes a gray press frame, then within a few frames turns solid black with white text and a subtle 1→1.04→1 bounce, while other chips fade to 18% without moving; remaining chips then clear, and the black chip rises and narrows as a calculation row appears below. — remotion, interaction, 1920×1080, 5.5s, Apache-2.0. JSON: https://gimgs.net/motion/chip-grid-single-select-blackout.json
- [Cel Flash Stomp Type](https://gimgs.net/motion/cel-flash-stomp.md): Background flash-stomped text — big words stamp down crooked on each beat like a seal; the instant each word lands, the background strobes between two solid colors for a few frames while the text stays rock-still; the UI translation of anime finishing-move title cards. — remotion, typography, 1920×1080, 4.89s, Apache-2.0. JSON: https://gimgs.net/motion/cel-flash-stomp.json
- [3D Card Carousel Loop](https://gimgs.net/motion/carousel-3d.md): 8 cards arranged in a sin/cos ring of 190px radius rotate as one at a steady speed, each card orbiting the Y axis while billboarding outward; matched double-sided textures with backface-visibility:hidden keep every card upright at any moment, camera locked at a shallow overhead close angle. — remotion, ui-entrance, 1920×1080, 6.1s, Apache-2.0. JSON: https://gimgs.net/motion/carousel-3d.json
- [Card Stack Fan Reveal](https://gimgs.net/motion/card-stack.md): 8 cards spring in one by one from the bottom of the screen, stacking into a pile; once all have landed, the whole stack fans out into 3D at once — each card rotated 8°, offset 34px, and pushed back one z-layer by index. — remotion, ui-entrance, 1920×1080, 4.7s, Apache-2.0. JSON: https://gimgs.net/motion/card-stack.json
- [Canvas Materialize Moves](https://gimgs.net/motion/canvas-materialize-moves.md): Two ways content "materializes onto the canvas" — panel-to-canvas row-to-card (a panel table row flies out along an arc, morphing across containers into a canvas card) and diagram-cascade tree generation (nodes pop in layer by layer after a typed prompt, with connectors growing before the nodes). — remotion, interaction, 1920×1080, 4.39s, Apache-2.0. JSON: https://gimgs.net/motion/canvas-materialize-moves.json
- [Card Flock Tumble Climax](https://gimgs.net/motion/card-flock-tumble.md): Three UI page cards tumble in 3D from their thin edges into a staggered lineup (fully sharp, seamless spline motion throughout), keep slowly rotating once settled, then snap-collapse into the center, bursting into a single turbulent smoke ring as a giant wordmark cuts across. — remotion, transition, 1920×1080, 4.39s, Apache-2.0. JSON: https://gimgs.net/motion/card-flock-tumble.json
- [Card Flip Reveal](https://gimgs.net/motion/card-flip-reveal.md): A feature card flips 180° on the Y axis, its front UI flashing a highlight band that moves with the angle right at the thinnest edge, revealing a large result number on the back, cards flipping staggered across a row. — remotion, transition, 1920×1080, 4.89s, Apache-2.0. JSON: https://gimgs.net/motion/card-flip-reveal.json
- [Bubble Swarm Takeover](https://gimgs.net/motion/bubble-swarm-takeover.md): A curtain transition of pearlescent bubbles — bubbles of varying size drift in from off-screen, growing to cover the whole frame as the page "whites out"; the cut hides at peak coverage, and bubbles disperse onto the new scene. — remotion, transition, 1920×1080, 4.39s, Apache-2.0. JSON: https://gimgs.net/motion/bubble-swarm-takeover.json
- [Brand Ink Open](https://gimgs.net/motion/brand-ink-open.md): An ink-line crosshair draws itself → the wordmark stamps in letter by letter → a typewriter subtitle → a full second of stillness, then it floats up and dissolves. — remotion, intro, 960×540, 2.77s, Apache-2.0. JSON: https://gimgs.net/motion/brand-ink-open.json
- [Brand Frame Snap](https://gimgs.net/motion/brand-frame-snap.md): A brand-color frame grammar — a thick solid frame grows before the content to enclose the whole screen, with the screen recording dropping in; on mode switch the frame hard-flips color on the same frame as the layout inside swaps. — remotion, effects, 1920×1080, 4.39s, Apache-2.0. JSON: https://gimgs.net/motion/brand-frame-snap.json
- [Brace Expand Reveal](https://gimgs.net/motion/brace-expand.md): A pair of curly braces appears small at center, then overshoots outward to ±148px at title scale; text clip width is strictly tied to the brace gap, like curtains pulling open, then settles with slight letter-spacing relaxation. — remotion, typography, 1920×1080, 4.3s, Apache-2.0. JSON: https://gimgs.net/motion/brace-expand.json
- [Bottom Push Stack Wipe](https://gimgs.net/motion/bottom-push-stack-wipe.md): A chapter change by pushing from the bottom — the new scene, background and all, pushes up from the bottom edge, physically shoving the old scene off-screen; each chapter gets its own saturated background color. — remotion, transition, 1920×1080, 4.72s, Apache-2.0. JSON: https://gimgs.net/motion/bottom-push-stack-wipe.json
- [Blur Slide Reveal](https://gimgs.net/motion/blur-slide.md): Titles enter word by word, with y 40→0, blur 10→0, and opacity 0→1 all converging on the same outCubic curve, ~3.5f apart; the subtitle catches up before the title finishes. — remotion, typography, 1920×1080, 4.3s, Apache-2.0. JSON: https://gimgs.net/motion/blur-slide.json
- [Before/After Slider Scrub](https://gimgs.net/motion/before-after-slider-scrub.md): A before/after comparison bar — "before" and "after" versions stacked, the divider whips fast then scrubs slow, revealing the new version as it "develops" past. — remotion, data, 1920×1080, 5.06s, Apache-2.0. JSON: https://gimgs.net/motion/before-after-slider-scrub.json
- [Bezier Sources Converge & Merge](https://gimgs.net/motion/bezier-source-converge-merge.md): Four source nodes each draw a thin bezier curve to one shared point on the right, staggered draw-on, then nodes slide along their curves and shrink away in three accelerating stages as data packets travel the path; curves then erase backward, leaving only a circular badge. — remotion, ui-entrance, 1920×1080, 6.1s, Apache-2.0. JSON: https://gimgs.net/motion/bezier-source-converge-merge.json
- [Beat Step Theme Cycle](https://gimgs.net/motion/beat-step-list-theme-cycle.md): A three-channel metronome — a dark-scene adjective list shifts up one line per beat, a fixed center pill "catches" the next word and recolors, and the whole background flips color on the same beat. — remotion, rhythm, 1920×1080, 3.71s, Apache-2.0. JSON: https://gimgs.net/motion/beat-step-list-theme-cycle.json
- [Beat Cut Moves](https://gimgs.net/motion/beat-cut-moves.md): Two ways to use hard cuts as percussion — accelerating hard-cut chains (halving intervals to close in) and paparazzi flash freezes (three white flashes, each a different crop). — remotion, rhythm, 1920×1080, 4.39s, Apache-2.0. JSON: https://gimgs.net/motion/beat-cut-moves.json
- [Avatar Bracket Carousel](https://gimgs.net/motion/avatar-bracket-carousel.md): In a "Your ___ teammates" fill-in-the-blank layout, a corner focus frame stays pinned mid-sentence while an avatar queue spring-cycles through it three times, with the role label swapping in sync. — remotion, ui-entrance, 1920×1080, 5.7s, Apache-2.0. JSON: https://gimgs.net/motion/avatar-bracket-carousel.json
- [Radial Grid Build & Colorize](https://gimgs.net/motion/avatar-grid-radial-build-colorize.md): An 8×7 card grid grows ring by ring from the center to fill up (mixed initials/icons/image placeholders), then ~15% of cards randomly turn red to flag anomalies, with a title legend anchored center. — remotion, data, 1920×1080, 6.1s, Apache-2.0. JSON: https://gimgs.net/motion/avatar-grid-radial-build-colorize.json
- [Basic 3D Scene Tour](https://gimgs.net/motion/basic-3d-scene.md): An impress.js-style spatial deck: cards scattered through 3D space with distinct position/rotation/scale, the camera flies to align to the inverse of each step's pose, ending pulled back to an OVERVIEW. — remotion, camera, 1920×1080, 6.5s, Apache-2.0. JSON: https://gimgs.net/motion/basic-3d-scene.json
- [Assemble Then Type Fly-In](https://gimgs.net/motion/assemble-then-type-flyin.md): On an empty dark grid, wordless UI skeletons fly in from all sides to lock together; then letters fly in via 3D rotation, headline first, until the page forms. — remotion, effects, 1920×1080, 5.7s, Apache-2.0. JSON: https://gimgs.net/motion/assemble-then-type-flyin.json
- [AI Response Stream-In](https://gimgs.net/motion/ai-stream-response.md): The AI response panel drops a readable summary first, then status-icon evidence rows stream in one by one, settling into a completed state. — remotion, interaction, 1920×1080, 5.06s, Apache-2.0. JSON: https://gimgs.net/motion/ai-stream-response.json
- [Autolayout Gap Dial](https://gimgs.net/motion/autolayout-gap-dial.md): A gap dial drives layout — a row of link blocks with selection outlines and spacing callouts, badge numbers tick up as blocks are pushed apart in real time then spring back. — remotion, interaction, 1920×1080, 4.05s, Apache-2.0. JSON: https://gimgs.net/motion/autolayout-gap-dial.json
- [Aurora Bloom Background Flip](https://gimgs.net/motion/aurora-bloom-bg-flip.md): A light-gray backdrop lifts a purple-orange soft-focus blob from below, then the whole background darkens to near-black in ~0.36s as the blob compresses into an afterglow; copy blur-swaps in the gap. — remotion, effects, 1920×1080, 5.7s, Apache-2.0. JSON: https://gimgs.net/motion/aurora-bloom-bg-flip.json
- [Country flag intro](https://gimgs.net/motion/flag-intro.md): Colour band slides in, the round flag pops, the country name wipes on. Uses gimgs.net/flags. 4 s, 16:9. — intro, 1920×1080, 4s, CC0. JSON: https://gimgs.net/motion/flag-intro.json
- [Kinetic words](https://gimgs.net/motion/kinetic-words.md): Words pop in one after another; *starred* words take the accent colour and get underlined. 5 s, 16:9. — kinetic-text, 1920×1080, 5s, CC0. JSON: https://gimgs.net/motion/kinetic-words.json
- [Logo reveal — soft glow](https://gimgs.net/motion/logo-reveal-glow.md): Logo pops in over a soft radial glow, then title and tagline rise. 4 s, 16:9. — logo-reveal, 1920×1080, 4s, CC0. JSON: https://gimgs.net/motion/logo-reveal-glow.json
- [Lower third — slide bar](https://gimgs.net/motion/lower-third.md): Name and role slide in on a frosted bar, hold, then wipe out. Overlay-ready (transparent background). 5 s, 16:9. — lower-third, 1920×1080, 5s, CC0. JSON: https://gimgs.net/motion/lower-third.json
- [Market ticker strip](https://gimgs.net/motion/market-ticker.md): Seamless scrolling ticker of symbols with logo, price and change — stocks, crypto or anything with a number. 1920×160 strip, 10 s loop. — ticker, 1920×160, 10s, CC0. JSON: https://gimgs.net/motion/market-ticker.json
- [Stat counter](https://gimgs.net/motion/stat-counter.md): A big number counts up from zero (pure CSS @property animation, so it seeks perfectly), with label and delta pill. 4 s, 16:9. — chart, 1920×1080, 4s, CC0. JSON: https://gimgs.net/motion/stat-counter.json
- [Story countdown 9:16](https://gimgs.net/motion/story-countdown.md): 3-2-1 countdown with pulse rings, then a headline and a pill CTA. Vertical 1080×1920 for Stories, Reels, Shorts. 6 s. — social, 1080×1920, 6s, CC0. JSON: https://gimgs.net/motion/story-countdown.json