animation examples
Light & Emphasis Animation Examples
Light and effects shots add atmosphere: glows, gradients, glitch, grain, and neon frames. 17 shots with video previews and agent-ready Remotion code below.
Assemble Then Type FlyinOn an empty dark grid, the text-free component skeleton first flies in from all sides to lock into place; then each letter of the copy spins in through 3D space to land, big title first, small labels last; once everything lands, the page takes shape
~5.2s (156f@30fps)
Aurora Bloom Bg FlipSoft-focus purple-orange blobs rise from the bottom of a light gray background, then the whole base color darkens to near-black in ~0.36s and the blobs compress into afterglow; the copy syncs a blur-out sentence switch with a blur-in, leaving a gap between sentences rather than cross-fading
~5.2s (156f@30fps)
Brand Frame SnapBrand-color picture-frame grammar — a thick solid-color frame grows around the full screen before the content, and a recording window drops inside; on mode switch the whole frame hard-flips color on the same frame and the in-window layout swaps on the same frame — one borderColor handles chapter navigation, status cue, and brand exposure
Single flip ~4.3s (130f); the frame itself can persist for the whole film
Dashboard Glow Highlight PillGold lettering hovers over a black field as a data dashboard rises from the bottom with perspective and keeps drifting in 3D; a gold light spot tours from the right side down to the bottom, stretches into a capsule, then draws out the popup's glowing outline starting from it
~2.0s (60f@30fps)
FUI HUD MovesFUI/HUD two variants — line-unfold-panel, a line unfolds into a panel (line→plane CRT grammar), and reticle-lock-on, a reticle locks on (viewfinder flies in and locks the target)
A 3–4s (incl. exit) / B 2–3s
Glow Flyline MovesDark-field glow orbs and flylines, three variants — glow-orb-ambient ambient orb noise, flyline-arc arc connection, orb-flyline-relay same-frame resonance combo
A ~5s / B ~4.7s / C ~5.2s
Icon Performance MovesIcon performance, two variants — pop-burst-confirm confirmation burst (checkmark builds, pops big, explodes particles + spreading ring) and attention-bounce attention-seeking bounce (icon bounces higher in sequence + landing squash + camera drawn in)
A 3–4s / B 4–5s
Impact FeedbackHit feedback, two variants — hit-counter combo counting (hit-stop + damage numbers + combo jump text) and anime-impact impact frame (negative + focus lines + chromatic aberration)
n/a (element-level technique, parasitic on landing moves; frame usage per variant in the parameter table)
Light Play MovesLight effects, three variants — spotlight-sweep sweeping light over text, sheen single-pass sheen sweep, halation-bloom impact-stop halation bloom
A ~5.3s / B ~4.7s / D ~4.8s
Line BoilLine boil — during a hold, text/outline contours jitter slightly every 3 frames, like hand-drawn frame-by-frame redrawing, keeping still frames "alive" with breathing
parasitic — boil segment follows the host's hold length, no duration of its own
Radial Ripple Phone ChipsFour concentric circles on a light gray background breathe out of phase like water ripples, a phone mockup at center auto-scrolls its in-screen feed, and white chips on both sides pop in with spring and hover
~5.6s (168f@30fps)
RISO Print HitsMisregistration hits, two variants — riso-misregistration-hit single impact frame (impact-stop splits a two-color print, jitters twice, registers) and riso-beat-pump beat pump (jumps big per beat + escalating misregistration per beat)
A 4s (single); B 4.7s (four beats)
Scan Bracket SweepA skeleton document pops to center, L-shaped viewfinder brackets drop at the four corners, and a 2.5px solid line with a gradient tail sweeps back and forth across the document 5 passes — the document stays still throughout; only light reads it
~5.0s (150f@30fps)
Scanline Annotate FocusA bright scanline sweeps top-to-bottom across the page; wherever it passes, a camera viewfinder pops in sequence (1.75× converging + slight overshoot), then a monospace small annotation fires beside it, and the top status line counts in sync 00/06→06/06
~4.6s (138f@30fps)
Scanline Assemble FlyinA page opens on an empty dark grid; a bright scanline sweeps top-to-bottom; wherever it reaches a block's landing point, that component flies in from off-screen and locks in, with motion blur and a landing edge flash — the page is exactly assembled the moment the scan completes
~4.6s (138f@30fps)
Slam Entrance MovesHigh-energy slam entrances, three variants — kanada-perspective-snap Kanada-perspective hard stop, score-slam score slam-down, impact-burst-kit landing impact kit (ripples to neighbor cards)
single-variant action segment 6–22f + impact aftershock ~16f + hold ≥45f
Spotlight Sweep MovesDark-field spotlight development, three variants — A wake-sleep sweep (bright where the light is, dark when it leaves), B edge-hugging glow pan (purple light seeps along UI edges + constant-velocity spotlight drifts right), C corner constant-velocity development (radial spotlight expands at constant velocity from a corner, lighting the full screen); "light is narrative" UI showcase in black
single variant 3.5–4.5s; A/B can chain into a tour segment