Asset Library
1,738 video parts you can take today, and 557 more to learn from. Find one you like, then open it for the details.
Showing 514 of 2,295Show everything
There are more. Pick what you need or search to narrow it down.
In words · 295
AI Answer RankIs your brand in the AI answer? A question types into a chat card, the assistant answers with a ranked list of three picks, then re-ranks…HTML · Apache-2.0A whole sceneAI Chat RevealA question is typed on a rising keyboard, sent, and answered by an AI that streams its reply word by word on a measured token rhythm -…HTML · Apache-2.0A whole sceneApple Money CountApple-style finance counter that counts from $0 to $10,000, flashes green, and bursts money icons with sound. Credited to Stronkter.HTML · Apache-2.0A number or a chartBar Chart RaceRanked bars grow and overtake each other as a time series advances, with the axis rescaling as values climb and the accent handing over to…HTML · Apache-2.0A number or a chartBeat Freeze CutA beat-driven speed ramp, freeze-frame hit, and hard-cut sequence for music-led promos and montages.HTML · Apache-2.0A cut between two picturesCamcorder HUDResponsive REC, battery, editable date placeholder, and timeline-driven counter overlay for creator-camera and camcorder treatments.HTML · Apache-2.0Dolly Zoom (Vertigo Shot)Camera tracks toward or away from the subject while the field of view changes the opposite way, so the subject holds its frame size while…HTML · Apache-2.0A camera moveCircle Carousel 1Image cards ride a circle with a size gradient by depth angle, sweeping in fast-slow-fast swings (Circle style 1); 12 image slots. Credited…HTML · Apache-2.0A picture layoutCircle Carousel 2Image cards ride a circle with a size gradient by depth angle, sweeping in fast-slow-fast swings (Circle style 2); 12 image slots. Credited…HTML · Apache-2.0A picture layoutCircle Carousel 3Image cards ride a circle with a size gradient by depth angle, sweeping in fast-slow-fast swings (Circle style 3); 12 image slots. Credited…HTML · Apache-2.0A picture layoutCircle Carousel 4Image cards ride a circle with a size gradient by depth angle, sweeping in fast-slow-fast swings (Circle style 4); 12 image slots. Credited…HTML · Apache-2.0A picture layoutCircle Carousel 5Image cards ride a circle with a size gradient by depth angle, sweeping in fast-slow-fast swings (Circle style 5); 12 image slots. Credited…HTML · Apache-2.0A picture layoutOrbit Carousel 1Image cards on a spinning 3D Fibonacci sphere, billboarded to the camera, sized by camera distance (Orbit style 1); 24 image slots…HTML · Apache-2.0A picture layoutOrbit Carousel 2Image cards on a spinning 3D Fibonacci sphere, billboarded to the camera, sized by camera distance (Orbit style 2); 24 image slots…HTML · Apache-2.0A picture layoutOrbit Carousel 3Image cards on a spinning 3D Fibonacci sphere, billboarded to the camera, sized by camera distance (Orbit style 3); 24 image slots…HTML · Apache-2.0A picture layoutOrbit Carousel 4Image cards on a spinning 3D Fibonacci sphere, billboarded to the camera, sized by camera distance (Orbit style 4); 24 image slots…HTML · Apache-2.0A picture layoutOrbit Carousel 5Image cards on a spinning 3D Fibonacci sphere, billboarded to the camera, sized by camera distance (Orbit style 5); 24 image slots…HTML · Apache-2.0A picture layoutPath Carousel 1Image cards ride an open bezier path (arc, V, diagonal, wave, S-curve) with depth scaling and tangent rotation (Path style 1); 24 image…HTML · Apache-2.0A picture layoutPath Carousel 2Image cards ride an open bezier path (arc, V, diagonal, wave, S-curve) with depth scaling and tangent rotation (Path style 2); 12 image…HTML · Apache-2.0A picture layoutPath Carousel 3Image cards ride an open bezier path (arc, V, diagonal, wave, S-curve) with depth scaling and tangent rotation (Path style 3); 12 image…HTML · Apache-2.0A picture layoutPath Carousel 4Image cards ride an open bezier path (arc, V, diagonal, wave, S-curve) with depth scaling and tangent rotation (Path style 4); 24 image…HTML · Apache-2.0A picture layoutPath Carousel 5Image cards ride an open bezier path (arc, V, diagonal, wave, S-curve) with depth scaling and tangent rotation (Path style 5); 24 image…HTML · Apache-2.0A picture layoutText + Circle Carousel 1A headline mask-reveals word by word while a circle carousel converges from off-frame and threads the line, collapses to center, hard-cuts…HTML · Apache-2.0A titleText + Circle Carousel 2A headline mask-reveals word by word while a circle carousel converges from off-frame and threads the line, collapses to center, hard-cuts…HTML · Apache-2.0A titleText + Circle Carousel 3A headline mask-reveals word by word while a circle carousel converges from off-frame and threads the line, collapses to center, hard-cuts…HTML · Apache-2.0A titleText + Circle Carousel 4A headline mask-reveals word by word while a circle carousel converges from off-frame and threads the line, collapses to center, hard-cuts…HTML · Apache-2.0A titleText + Circle Carousel 5A headline mask-reveals word by word while a circle carousel converges from off-frame and threads the line, collapses to center, hard-cuts…HTML · Apache-2.0A titleVision Carousel 1A ring of large image cards tilted into a row under a 3D camera, each card turning toward the center (Vision style 1); 12 image slots…HTML · Apache-2.0A picture layoutVision Carousel 2A ring of large image cards tilted into a row under a 3D camera, each card turning toward the center (Vision style 2); 12 image slots…HTML · Apache-2.0A picture layoutVision Carousel 3A ring of large image cards tilted into a row under a 3D camera, each card turning toward the center (Vision style 3); 12 image slots…HTML · Apache-2.0A picture layoutVision Carousel 4A ring of large image cards tilted into a row under a 3D camera, each card turning toward the center (Vision style 4); 12 image slots…HTML · Apache-2.0A picture layoutVision Carousel 5A ring of large image cards tilted into a row under a 3D camera, each card turning toward the center (Vision style 5); 12 image slots…HTML · Apache-2.0A picture layoutChatGPT ExchangeA portrait ChatGPT-style exchange types and sends a prompt, streams an answer, assembles a comparison table, and scrolls back through the…HTML · Apache-2.0A whole sceneClaude ExchangeA portrait Claude-style exchange types a prompt, works through search and reasoning steps, then streams a detailed answer with citations…HTML · Apache-2.0A whole sceneCode Snippet - Dark 2026VS Code workbench with per-character typing animation in the Dark 2026 theme. Full editor chrome with activity bar, sidebar, tabs…HTML · Apache-2.0Code on screenCode Snippet - Dark ModernVS Code workbench with per-character typing animation in the Dark Modern theme. Full editor chrome with activity bar, sidebar, tabs…HTML · Apache-2.0Code on screenCosmic OrbAn iridescent soap-bubble planet: a slowly spinning sphere of nebula bands, dust lanes and twinkling stars wrapped in a refracting glass…HTML · Apache-2.0A background that movesGallery TunnelAn infinite corridor of panels: a square tunnel receding to a vanishing point, its floor, ceiling and walls tiled with saturated color…three.js · Apache-2.0A background that movesHalftone FieldA full-bleed halftone light field: a grid of dots whose size and color track a slow flowing simplex-noise field, so broad bands of light…HTML · Apache-2.0A background that movesSketched FrameMedia in a hand-drawn border with corner doodles and a handwritten caption; the unit tilts slightly and boils (images inside the block…HTML · Apache-2.0A laptop or window frameText Along a PathHandwriting flowing along any SVG path with a per-character reveal; the path is the only geometry input.HTML · Apache-2.0A titleHand-Drawn FlowchartWobbled boxes with handwritten labels joined by curved connectors, drawing on in sequence from a node list.HTML · Apache-2.0A map or a diagramSpeech BubbleHand-drawn speech bubble with a positionable tail: outline draws on, paper fill fades in, handwritten text types per character; boils.HTML · Apache-2.0A calloutHandwritten TitleHandwritten display text with a scalar-driven word-by-word highlight sweep and a seeded squiggle underline sized to the text; boils.HTML · Apache-2.0A titleHandwritten Write-On TitleTrue glyph write-on: filled Caveat letterforms revealed by baked per-glyph centerline strokes traced in real stroke order with a…HTML · Apache-2.0A titleLiquid Glass NotificationFrosted glass notification cards floating over an aurora shader background. The repo marks it experimental.three.js · Apache-2.0A whole sceneLiquid Glass WidgetsFrosted glass stat cards, showcase panel and pill chips over an aurora shader background. The repo marks it experimental.three.js · Apache-2.0A whole sceneLottie Character WalkA jointed flat character walks in on planted feet, stops and points at a card; the body acting is a Lottie file and the stage is GSAP. Item…HTML · Apache-2.0A whole sceneMessage Thread RevealA full text conversation plays out on a phone - bubbles popping in, typing indicators, a shared link card, emoji, delivered receipts - with…HTML · Apache-2.0A whole sceneMinimal Gradient BackgroundProcedural soft-blob gradient backdrop in a minimalist presentation style: two radial blobs drifting over a base color, with an animatable…HTML · Apache-2.0A background that movesWord-Sweep HighlightA sentence whose word-by-word emphasis is driven by a single scalar — tween it to sync the highlight with a voiceover.HTML · Apache-2.0CaptionsText Clone Wall TransitionOverlay transition: a tiled word wall covers the frame, inverts via difference blending, and clears — hard-cut the content beneath while…HTML · Apache-2.0A cut between two picturesMinimal Line GraphOne or two SVG series draw on with dots popping and value labels riding the draw front; dim baseline axis, x-labels, color-dot legend.HTML · Apache-2.0A number or a chartRounded Media GridN-up rounded-corner media grid (2-up, 3-up, 4-up, 3x2, hero plus two): per-cell inside-scale framing, staggered box-in entrance, slow…HTML · Apache-2.0A picture layoutCount-Up Stat CardBig-numeral statistic with count-up, label, thin progress track filling to value/max, and caption; light and dark schemes.HTML · Apache-2.0A number or a chartSpecs ChecklistLeft-aligned specs/traits checklist over footage or a board: rows slide in staggered with an accent underline sweep; light and dark schemes.HTML · Apache-2.0A picture layoutNotes RevealA personal note is typed character by character in a notes app - caret riding every letter, the page scrolling up on measured settle curves…HTML · Apache-2.0A whole sceneNotification CascadePhone notifications land one after another and stack up the screen, each banner pushing the pile down as it arrives, before the whole stack…HTML · Apache-2.0A whole sceneOscilloscope TraceCRT oscilloscope beam sweeping a waveform across a 10x8 graticule, with closed-form phosphor persistence: the tail decays as exp(-age/tau)…HTML · Apache-2.0Rack FocusA focus pull with real aperture bokeh: the focal plane travels from a near subject to a far one, so one resolves as the other blows into…HTML · Apache-2.0A camera moveShare-Sheet CarouselA share sheet springs up from the bottom of the phone and cycles previews inside its card on a fast cut rhythm while the blurred ground…HTML · Apache-2.0A whole sceneSnowSeek-safe falling-snow overlay: sparse or dense flakes drift down with size, speed and opacity correlated per flake for depth…HTML · Apache-2.0Spiral GalaxyA spiral galaxy seen from outside, turning with real differential rotation: inner stars orbit faster than outer ones, so the arms wind up…three.js · Apache-2.0A background that movesSplit-Flap BoardSolari-style departure board: every cell walks its drum forward through the intervening characters of a fixed alphabet until it lands on…HTML · Apache-2.0A titleStarfieldSeek-safe night-sky overlay: sparse or dense stars in three size tiers that twinkle and drift in two parallax layers, radial-masked to keep…HTML · Apache-2.0Thread Message StackA source-owned editable conversation stack with arbitrary incoming and outgoing messages.HTML · Apache-2.0A whole sceneAnamorphic Streak FlareA drifting field of bright points, each one throwing the long horizontal blue-violet streak a real anamorphic cinema lens produces. The…HTML · Apache-2.0A background that movesWeek in MergesEach author's avatar bounces across their row at a speed set by how many pull requests they merged.HTML · Apache-2.0A number or a chartWeight WaveA crest of thickness travels along a headline: each character swells from light to black and leans forward as the wave passes, driven by…HTML · Apache-2.0A titleComment CardsSocial comments typing on over footage: avatar pop, username and time, per-character typewriter, likes row; image avatars or initials chips.HTML · Apache-2.0Scanline Board BackgroundTextured paper board: scanlines with slow drift, optional pixel grid, static grain, and display text with a blur-focus entrance and…HTML · Apache-2.0A background that movesAgent CursorAn AI agent operating a UI: a cursor with an accent name label that types out each step, clicks each target with a small ring, and ends on…HTML · Apache-2.0A camera moveAnimated Bar ChartA compact data card with deterministic bar growth and value callouts. Paste-in snippet: it registers no timeline, you wire it into your own.HTML · Apache-2.0A number or a chartArc Motion PathA GSAP MotionPath primitive that flies a callout along a curved arc with autorotation. Paste-in snippet: it registers no timeline, you wire…HTML · Apache-2.0A calloutASCII Render PassA slotted scene renders as live ASCII: a canvas samples the source's luminance grid (rasterized once at mount) and draws glyphs from a…HTML · Apache-2.0ASCII Trail RevealAn authored S-curve sweeps through a deterministic ASCII grid, flipping cells away to reveal a labeled panel.HTML · Apache-2.0Aurora DriftThree soft accent-derived aurora fields drift in an exact ambient loop over a deep base and faint vignette.HTML · Apache-2.0A background that movesAvatar CloudLettermark avatars populate a loose elliptical cloud while fine SVG links draw between the community and its central proof label.HTML · Apache-2.0A whole sceneAvatar Group HoverA distance-falloff avatar group lift with bouncy hover return. Paste-in snippet: it registers no timeline, you wire it into your own.HTML · Apache-2.0A camera moveBadge PopA transitions.dev-inspired notification badge pop with elastic scale and count reveal. Paste-in snippet: it registers no timeline, you wire…HTML · Apache-2.0A camera moveBeat AccentA single music-hit sting: impact flash, micro scale-pulse on the subject, immediate decay.HTML · Apache-2.0Beat Pulse BackgroundAn accent-derived backdrop pulses its glow intensity and saturation on a deterministic, supplied beat grid.HTML · Apache-2.0A background that movesBeat TimelineA paused master-timeline orchestration spine that pins titled beat rows to evenly spaced named labels. Each row enters on its label, holds…HTML · Apache-2.0A picture layoutBefore After WipeTwo full-bleed content slots compare before and after states as a persistent divider wipes the after layer over the before layer and rests…HTML · Apache-2.0Before and afterBlur InAn Operator Black word-level content reveal that resolves its own text from controlled blur. Paste-in snippet: it registers no timeline…HTML · Apache-2.0A titleBlur Out UpWords arrive clean and depart upward with increasing blur for airy exits. Paste-in snippet: it registers no timeline, you wire it into your…HTML · Apache-2.0A titleBottom Up LettersSplits text into letters and reveals each glyph from below with deterministic staggered timing. Paste-in snippet: it registers no timeline…HTML · Apache-2.0A titleBrowser Device StageA generic app surface in token-native device chrome (browser, window, or phone). The screen is a slot for caller img/video/HTML with a…HTML · Apache-2.0A laptop or window frameCamera Scan GateA camera and QR recognition moment with a viewfinder sweep, bracket lock, confirmation pulse, and verified next beat.HTML · Apache-2.0A whole sceneCamera ShakeProcedural handheld, telephoto and rig camera shake for any wrapper: nine measured profiles with per-lens projection, closed-form and…HTML · Apache-2.0A camera moveCamera Follow CaptionsOne sentence written across a world far larger than the frame. Each word is sized against everything already written, so the block grows…HTML · Apache-2.0CaptionsTextureFlowing texture mask over large uppercase text — ships with 6 textures (lava, marble, metal, wood, concrete, rock), configurable via the…HTML · Apache-2.0CaptionsCard ResizeA transitions.dev-inspired card resize primitive that expands a compact card into a detail panel. Paste-in snippet: it registers no…HTML · Apache-2.0A camera moveCaret SwapA gradient caret expands over one phrase, collapses to the left, then types its replacement with a blinking caret. Credited to Remocn. Item…HTML · Apache-2.0A titleChar Slam ExplodeHeadline glyphs hold in a deterministic scatter, then reassemble with an overshooting slam and a three-frame landing shake.HTML · Apache-2.0A titleChart StoryOne chart builds from data in reading order and lands the exact supplied values: staggered bars, a left-to-right line with area fill, a…HTML · Apache-2.0A number or a chartChat MessageOne message arrives on the measured entry - scale 0.75, 0.12s, growing from its sender's corner. Credited to Miao Yang.HTML · Apache-2.0A whole sceneChat ThreadThe measured conversation as one mountable scene at full fidelity: status bar, back badge, avatar and name pill, bubbles with real iMessage…HTML · Apache-2.0A whole sceneChromatic Aberration WipeA fast slide wipe with RGB channel split on peak frames. Paste-in snippet: it registers no timeline, you wire it into your own.HTML · Apache-2.0A cut between two picturesCode Terminal RunA token-chrome terminal panel runs one command: the prompt line types deterministically behind an integer-cycle caret, executes after a…HTML · Apache-2.0Code on screenComparison SplitTwo full-bleed panels compare before and after states as a persistent divider wipes the vivid after layer over the muted before layer and…HTML · Apache-2.0Before and afterConfettiA deterministic celebration burst with seeded particles and gravity. Paste-in snippet: it registers no timeline, you wire it into your own.HTML · Apache-2.0Conic Progress RingA token-driven conic progress ring whose angular fill and center count settle together from one registered percentage.HTML · Apache-2.0A number or a chartConstellation HubFeature nodes brighten in narration order as real-length SVG connectors draw outward from a fixed central hub, then settle into one lockup.HTML · Apache-2.0A picture layoutCount UpA token-native stat counter that eases between values, counting up or down, and lands with a restrained scale pulse.HTML · Apache-2.0A number or a chartCTA CloseA display-scale action line lands per word and fills the frame with air, one generous CTA capsule pops beneath it with a single overshoot…HTML · Apache-2.0An end cardCTA LockupA canonical closing lockup that reveals an action line, pops in an accent CTA capsule, settles supporting microcopy, and holds with…HTML · Apache-2.0An end cardAnnotate CursorA marker pen glides onto the frame and hand-draws a loose loop, an underline, or an arrow around a region, the ink laid exactly under its…HTML · Apache-2.0A calloutContext Menu CursorA cursor right-clicks a file, a context menu blooms from its tip, the hover highlight tracks the item under it, and the chosen action plays…HTML · Apache-2.0A camera moveDrag and Drop CursorA cursor grabs a task card, lifts and tilts it into its motion, carries it in lockstep to an empty column, drops it with a small settle…HTML · Apache-2.0A camera moveCursor Glyph TrailA tutorial cursor path: on a settings screen the arrow clicks through three steps, leaving a dotted trail spaced evenly by distance and a…HTML · Apache-2.0A camera moveMarquee Select CursorA cursor drags a selection rectangle across a photo grid; each tile rings and pops a check the frame the rectangle touches it, while a pill…HTML · Apache-2.0A camera moveText Select CursorAn arrow turns into an I-beam over a document, drags a selection across a phrase character by character, raises a format toolbar, turns…HTML · Apache-2.0A camera moveZoom Follow CursorScreen-recording auto-zoom: the camera pushes in toward each upcoming click, trails the cursor on a smooth spring, marks every click with a…HTML · Apache-2.0A camera moveCurtain RevealTwo pleated stage curtains gather outward from center, the way real velvet bunches at the tieback, revealing the stage underneath. A static…HTML · Apache-2.0A cut between two picturesCut the CurveA velocity-matched directional hard cut: the outgoing subject accelerates with power4.in, swaps at peak velocity, and the incoming subject…HTML · Apache-2.0A cut between two picturesDart CursorA bold outlined arrowhead that dives in from camera depth, flies nose-first with motion blur along its path, squashes on two clicks, and…HTML · Apache-2.0A camera moveDecline ChartA metric line draws downward as its value counts down and the ambient background darkens in lockstep.HTML · Apache-2.0A number or a chartDevice Frame StageA phone or tablet mockup staged as a physical scene prop with a screen slot for arbitrary reconstructed UI, rising onto the stage…HTML · Apache-2.0A laptop or window frameDirectional WipeA directional scene push that slides one panel over another. Paste-in snippet: it registers no timeline, you wire it into your own.HTML · Apache-2.0A cut between two picturesDrift HoldA centered content card stays subtly alive through loop-exact rotation, scale breathing, and a slow light sweep.HTML · Apache-2.0A camera moveDynamic GridA responsive animated grid background driven by CSS variables for SaaS, code, and data scenes. Paste-in snippet: it registers no timeline…HTML · Apache-2.0A background that movesEcho TrailA moving element renders with N ghosted copies of itself at t minus i times delta, opacity stepped down per ghost; one traversal, echoes…HTML · Apache-2.0Facet MorphA faceted low-poly mass of 36 triangles continuously reshapes between three authored silhouettes (blob, mark, badge) with per-facet flat…HTML · Apache-2.0Fade ThroughA calm transition primitive that fades one layer out, passes through a wash, and reveals the next layer. Paste-in snippet: it registers no…HTML · Apache-2.0A cut between two picturesFocus Blur ResolveA premium focus pull from heavy blur to crisp text, then a soft blur-out exit. Paste-in snippet: it registers no timeline, you wire it into…HTML · Apache-2.0A titleFocus RackFocus shifts once between two cards at different apparent depths through synchronized blur, dimming, scale, and parallax.HTML · Apache-2.0A camera moveFocus SwapMoves attention between two side-by-side cards as one recedes with scale, blur, and dimming while the other advances to full focus.HTML · Apache-2.0A camera moveGesture TapA contact circle taps a mobile pill button, releases it into a new labeled accent state, and lifts away.HTML · Apache-2.0A camera moveGloss SweepA card lands with a restrained slam, catches one diagonal specular gloss, and holds perfectly still.HTML · Apache-2.0Grade Split RevealThe same picture twice, one flat and one finished, with a hard edge sweeping between them. It stops in the middle long enough to compare…HTML · Apache-2.0Before and afterGrain FieldA clearly visible accent-tinted dot field drifts over a subtle luminance gradient in an exact ambient loop.HTML · Apache-2.0A background that movesGrid Card AssembleN capability cards (thin-line icon that draws on, mono label, optional muted body) stagger-assemble into a grid or vertical list with a…HTML · Apache-2.0A picture layoutHalftone DissolveScene A dissolves into scene B through a growing halftone dot field: accent ink dots pop onto a fixed grid smallest-first, each opens into…HTML · Apache-2.0A cut between two picturesHeadline SlamA heavyweight headline scales down into frame, lands with a deterministic three-frame shake, holds with subtle drift, and whips upward on…HTML · Apache-2.0A titleHand-Drawn ArrowWobbled draw-on arrow with straight, gentle, and swoop curve poses, a four-way stroke texture matrix (plain/soft/sharp/spray), and a…HTML · Apache-2.0A calloutHand-Drawn BoilHand-drawn jitter that re-poses every N frames, as seek-safe helpers: pose derives from quantized timeline time through a seeded hash.HTML · Apache-2.0Hand-Drawn Box LabelWobbled rounded rectangle draws on — across the authored stroke matrix (plain/soft/sharp/spray) — or drops in and lands with a volume-true…HTML · Apache-2.0A calloutScribble Callout CircleWobbled ellipse draws around a target with optional scribble fill and curved connector; the handwritten label pops in WITH momentum and the…HTML · Apache-2.0A calloutSquiggle MarksHand-drawn squiggle underline, double-pass strikethrough, and bracket marks that draw on.HTML · Apache-2.0A calloutIcon Morph BeatAn icon morphs between authored state silhouettes, shifts to an accent color, and marks completion with one restrained pulse.HTML · Apache-2.0A camera moveIcon SwapA scale-and-blur icon swap primitive for toolbar and action state changes. Paste-in snippet: it registers no timeline, you wire it into…HTML · Apache-2.0A camera moveInk Bleed RevealLiquid ink blooms through paper under a gooey blur-plus-threshold filter, merges, then contracts as a crisp slotted mark resolves beneath…HTML · Apache-2.0Inline HighlightA clean marker-style inline highlight that animates behind text using a CSS scale variable. Paste-in snippet: it registers no timeline, you…HTML · Apache-2.0A calloutInput FeedbackA transitions.dev-inspired input feedback primitive with shake, clear affordance, and success state. Paste-in snippet: it registers no…HTML · Apache-2.0A camera moveIris RevealA circle clip-path opens from an authored origin revealing state B over state A in one confident pass, then holds on B. Classic register…HTML · Apache-2.0A cut between two picturesKeyframe Scrub StackA keyframe-sequenced stack of cards with offset timing and easing presets. Paste-in snippet: it registers no timeline, you wire it into…HTML · Apache-2.0A picture layoutKinetic Center BuildWords enter from the right and push the growing phrase left until the final line locks centered. Credited to Remocn. Item license: MIT.HTML · Apache-2.0A titleKinetic Type SwapA held sentence keeps its fixed text in place while one widest-word masked slot rolls through alternatives and settles on the final option.HTML · Apache-2.0A titleLight Sweep PassA traveling key light re-shades a slotted scene: a soft diagonal gradient band crosses the frame once while every per-element highlight and…HTML · Apache-2.0Line-by-Line SlideEach line enters from the left with staggered slide and exits to the right. Paste-in snippet: it registers no timeline, you wire it into…HTML · Apache-2.0A titleLine SwapA masked full-line beat replacement: line A holds center then exits up through an overflow-hidden mask as line B enters bottom-up on the…HTML · Apache-2.0A titleLocked Nucleus OrbitA fixed center nucleus anchors deterministic satellite orbits that settle into a composed lockup.HTML · Apache-2.0A picture layoutLogo Brand CloseA display-scale wordmark cascades letter by letter into a centered lockup, the accent brand period lands last, an optional tagline and…HTML · Apache-2.0An end cardMagnetic CursorA soft dot pointer glides across an editor toolbar, is pulled into each button and morphs into its rounded hover plate while the icon leans…HTML · Apache-2.0A camera moveMarker Checklist CardA hand-lettered paper card: marker headline with an underline and a drawn ellipse around one word, then three checklist rows whose checks…HTML · Apache-2.0A picture layoutMarker HighlightDisplay text settles in, then one hand-drawn marker stroke (highlight, circle, underline, or scribble) draws over the emphasized word on…HTML · Apache-2.0A calloutMatch CutA circle accelerates into a hard single-frame scene swap, matches the incoming circle exactly, and continues into a smaller resting pose.HTML · Apache-2.0A cut between two picturesMatrix DecodeRandom scramble resolves left-to-right into the target text. Paste-in snippet: it registers no timeline, you wire it into your own.HTML · Apache-2.0A titleMenu MorphA transitions.dev-inspired hamburger and plus-menu morph primitive for compact action menus. Paste-in snippet: it registers no timeline…HTML · Apache-2.0A camera moveMesh Gradient BackgroundA render-safe mesh gradient using animated radial layers. Paste-in snippet: it registers no timeline, you wire it into your own.HTML · Apache-2.0A background that movesMicro TransitionsA transitions.dev-inspired pack of badge, dropdown, modal, tabs, tooltip, and success-check micro transitions. Paste-in snippet: it…HTML · Apache-2.0A camera moveHairline Arc GaugeThin circular gauge that draws on while its percentage counts up; one helper call drives both.HTML · Apache-2.0A number or a chartModal MorphA small card expands into a full panel, shared-element style: both layouts measured once at mount, the container morphs by transform only…HTML · Apache-2.0A camera moveMorph SwapTwo slotted siblings stacked at one shared center: A holds, then condenses or reshapes into B on a shared 50% 50% transform origin…HTML · Apache-2.0A cut between two picturesMorph TextGooey text morph — cycles through an editable word list using SVG threshold + GSAP-driven blur for a fluid, satisfying transition effect.HTML · Apache-2.0A titleMulti Device SplayPhone, tablet, and desktop product mockups fan from a centered stack into a proud splayed arrangement with a subtle idle float.HTML · Apache-2.0A laptop or window frameMultiplayer CursorsLabeled collaborator cursors with token-derived colors and soft glows drift from spread positions into a shared center zone, proving live…HTML · Apache-2.0A camera moveNative Notification PopOne system-faithful notification banner (iOS or macOS) drops in over any scene on an accurate interruptible spring: fast arrival, soft…HTML · Apache-2.0Notes TypingThe notes-app confession as a mountable scene: a bold title, then body lines typed character by character on the measured human keystroke…HTML · Apache-2.0A whole sceneNotification PileupMobile notification cards arrive faster and faster, each new alert pushing the existing stack downward into a dense, anxious tower.HTML · Apache-2.0A whole sceneNotification Stack1 to 5 token notification cards slide-settle into a vertical stack on cues, newest on top; one card grows slightly and brightens as the…HTML · Apache-2.0A whole sceneNumber Pop InA transitions.dev-inspired digit pop-in with blur, lift, and staggered value reveal. Paste-in snippet: it registers no timeline, you wire…HTML · Apache-2.0A number or a chartNumber WheelA rolling digit counter primitive for metrics, prices, counts, and scoreboards. Paste-in snippet: it registers no timeline, you wire it…HTML · Apache-2.0A number or a chartOffset Path TravelerA slotted traveler follows an authored path with tangent rotation, curved entry, and curved exit.HTML · Apache-2.0A camera moveOrdered Dither PassBayer-matrix ordered dithering quantizes a slotted scene (rasterized once at mount): the image emerges from pure 2-tone noise to clean, or…HTML · Apache-2.0Outline DrawA rounded outline that proves a callout by drawing clockwise as a hollow conic-gradient border with a clean closure.HTML · Apache-2.0A calloutOversized CursorThe look-here pointer for a video: the macOS arrow at 3.5x its normal size lands its tip on one control, clicks it on, settles just below…HTML · Apache-2.0A camera moveOverwhelm SurroundTasks, tabs, pings, and notification bubbles accelerate inward around a calm central subject, turning overload into visible spatial…HTML · Apache-2.0A whole scenePage SlideA transitions.dev-inspired page slide primitive with outgoing and incoming panels. Paste-in snippet: it registers no timeline, you wire it…HTML · Apache-2.0A cut between two picturesPan StationsA lateral camera move across a continuous row of labeled feature stations, with a steady dwell at each stop before the next pan.HTML · Apache-2.0A camera movePanel RevealA panel reveal primitive with height expansion and content fade. Paste-in snippet: it registers no timeline, you wire it into your own.HTML · Apache-2.0A camera movePaper Collage RevealA scrapbook patchwork of torn paper scraps, each with its own texture and tilt, flutters away in a staggered scatter to reveal the content…HTML · Apache-2.0A cut between two picturesParallax Device DiveA canonical phone rises into view before the camera pushes through its screen and layered app UI expands to fill the frame.HTML · Apache-2.0A cut between two picturesParticle Image RevealA seeded deterministic particle field converges and settles while a slotted image reveals beneath it, the trail thinning until the image…HTML · Apache-2.0Particle Text DissolveText assembles from a seeded particle cloud (or dissolves into it): per-particle targets sampled once from the rendered text bitmap at…HTML · Apache-2.0A titlePendulum SwingContent hangs from a fixed pivot and swings into rest with gravity-damped oscillation, like a hanging sign settling on its hook. Paste-in…HTML · Apache-2.0A camera movePer-Word CrossfadeWords gently fade into place with a short vertical drift for calm keynote rhythm. Paste-in snippet: it registers no timeline, you wire it…HTML · Apache-2.0A titlePer Word RiseWords or characters rise into place in a controlled blur-to-sharp cascade, settle softly on landing, and hold still until the cut (optional…HTML · Apache-2.0A titlePerspective MarqueeA 3D tilted marquee with depth feel as items roll toward the horizon. Paste-in snippet: it registers no timeline, you wire it into your own.HTML · Apache-2.0A titlePhysical ExitA card exits with physical momentum in toss, drop, or slide mode, carrying acceleration and rotation through the final offscreen pose…HTML · Apache-2.0A camera movePress RippleA cursor decel-arrives from off-stage, lands slightly off-center on a caller-positioned target, compresses with it in lockstep, releases…HTML · Apache-2.0A camera movePull Back RevealA tight stat detail holds, then one decelerating camera pull-back reveals the headline and supporting cards that recontextualize it.HTML · Apache-2.0A camera movePull to RefreshA mobile list pulls through nonlinear rubber-band resistance, arms at a threshold, commits to a bounded loading indicator, then snaps…HTML · Apache-2.0A camera movePush InA centered headline gains focus through one slow, continuous camera push and a gentle fade out.HTML · Apache-2.0A camera moveRadial SurroundLabeled hairline chips assemble around a centered subject on an elliptical ring, then optionally converge inward with a subtle edge dim…HTML · Apache-2.0A picture layoutRGB Glitch TextRGB-offset text copies jitter briefly for a controlled glitch window. Paste-in snippet: it registers no timeline, you wire it into your own.HTML · Apache-2.0A titleRubber Band BumperAn outgoing panel pulls against increasing resistance, holds at tension, then snaps past an edge with overshoot as the incoming panel…HTML · Apache-2.0A cut between two picturesScramble RevealA deterministic hacker-style text reveal that cycles fixed glyph rows and locks the target string from left to right.HTML · Apache-2.0A titleScreen Flow CarouselTwo to five app screens ride a horizontal rail: one primary at center, neighbors receded, advancing on cues with a velocity-matched throw…HTML · Apache-2.0A picture layoutScroll Camera StoryA compressed forced-scroll cinematic pass: a tall scene of slotted sections travels past the camera top to bottom, depth layers parallax at…HTML · Apache-2.0A camera moveScroll FeedA loop-friendly column of varied skeleton post cards scrolls upward with subtle motion trails and an agitated pace.HTML · Apache-2.0A whole sceneSegmentation FloodMachine-vision read of a slotted subject: translucent accent segmentation masks flood on in quantized scanline steps, each region gets a…HTML · Apache-2.0SeparatorA one-pixel structural separator with horizontal and vertical variants plus a seek-safe progress reveal. Paste-in snippet: it registers no…HTML · Apache-2.0A picture layoutShared Axis YPer-word vertical shared-axis transition for sharp editorial swaps. Paste-in snippet: it registers no timeline, you wire it into your own.HTML · Apache-2.0A titleShared Axis ZScale-based shared-axis transition for focus shifts and context depth. Paste-in snippet: it registers no timeline, you wire it into your…HTML · Apache-2.0A titleSheet Spring-UpA bottom sheet rushes up from below the frame on a real spring sampled frame by frame from reference footage, overshooting its resting…HTML · Apache-2.0Shutter SlamOne word thrown through six single-property beats under integrated shutter blur — two translate slams, a scale punch, then a full turn…HTML · Apache-2.0Skeleton RevealA skeleton loader transition that pulses, then cross-fades into content. Paste-in snippet: it registers no timeline, you wire it into your…HTML · Apache-2.0A camera moveSlit Scan RevealThe frame's rows sample an authored subject at offset times: a canvas painter draws row slices of one pure position function evaluated at t…HTML · Apache-2.0Slot Machine RollA vertical reel scrolls characters from one value to another. Paste-in snippet: it registers no timeline, you wire it into your own.HTML · Apache-2.0A number or a chartSocial Proof CardThe app-store close as one mountable scene: wordmark, five stars, a proof line, three feature icons and a CTA capsule build in a quiet…HTML · Apache-2.0An end cardSoft Blob TouchA granular soft blob idles with slow internal drift; a scripted touch dot decel-arrives, the blob deforms toward it with an attraction…HTML · Apache-2.0Soft Blur InA soft opacity, blur, and lift reveal for headlines, captions, and product UI callouts. Paste-in snippet: it registers no timeline, you…HTML · Apache-2.0A titleSplit Tilt CardsTwo equal-weight cards arrive from opposite wings with mirrored rotateY book-open tilts under one shared perspective, pill badges…HTML · Apache-2.0Before and afterSpotlight CardA card with a scripted cursor spotlight and lit border. Paste-in snippet: it registers no timeline, you wire it into your own.HTML · Apache-2.0Spring PopA badge pops in from a visible near-rest scale, overshoots full size once, and settles cleanly.HTML · Apache-2.0A camera moveSpring Stack ShuffleA stack of 3 to 5 slotted cards reshuffles on cues: the back card throws over the top and lands at the front with real mass, the rest…HTML · Apache-2.0A picture layoutStagger CascadeA responsive grid of tile cards that fades and travels into place with an evenly spaced per-item GSAP stagger. The ordered cascade is the…HTML · Apache-2.0A picture layoutStagger LatticeA staggered grid reveal inspired by Anime.js v4 stagger utilities, implemented with GSAP for HyperFrames. Paste-in snippet: it registers no…HTML · Apache-2.0A picture layoutStaggered Fade UpWords fade in and slide up one after another with configurable delay. Paste-in snippet: it registers no timeline, you wire it into your own.HTML · Apache-2.0A titleStar Rating FillA token-driven star row whose colored layer sweeps to a rating, preserves the fractional final star, and can count the value in sync.HTML · Apache-2.0A number or a chartState Chip RailA rail of mono status chips advances a seek-safe data-state snap machine on a cue schedule: active chip ink on surface, done chips dim…HTML · Apache-2.0A picture layoutSticky Mock SwapA pinned product mock cross-fades through accent-tinted feature states while matching captions rise, hold, and exit beside it.HTML · Apache-2.0A picture layoutStitched Text DrawText drawn as thread stitches: a single-stroke display alphabet draws via attribute-driven dashoffset with stitch-tuned dash patterns…HTML · Apache-2.0A titleStop Motion CadenceThe stepped-time law as a demo primitive: one driver quantizes timeline time to floor(t * fps) / fps and feeds ALL motion.HTML · Apache-2.0Store Badge LockupSettles a short headline above equal-size App Store and Google Play badges as a token-driven mobile end-card call to action. Copies the…HTML · Apache-2.0An end cardStreaming TextWords arrive the way an AI answer streams - in uneven bursts on a measured token rhythm, each word landing gray and inking to full color -…HTML · Apache-2.0A titleStrikethrough ReplaceDraw a strike line across old text, then reveal the replacement. Paste-in snippet: it registers no timeline, you wire it into your own.HTML · Apache-2.0A titleSuccess CheckA success check primitive with ring pop, path draw, and subtle rotate blur. Paste-in snippet: it registers no timeline, you wire it into…HTML · Apache-2.0A camera moveSVG Line Draw LoaderAn Anime.js-style path drawing loader implemented as a seekable GSAP stroke timeline. Paste-in snippet: it registers no timeline, you wire…HTML · Apache-2.0A camera moveSVG Stroke TraceAn authored SVG path draws from its measured length, holds with subtle drift, and optionally fills when the path is closed.HTML · Apache-2.0A camera moveSwipe RailA contact circle leads a horizontal card rail through a fast drag, momentum carry, and settled snap to the next card.HTML · Apache-2.0A camera moveTabs Slide IndicatorA pill indicator transition that slides between active tabs. Paste-in snippet: it registers no timeline, you wire it into your own.HTML · Apache-2.0A camera moveTelemetry HUDQuiet mono debug-HUD readouts frame a slotted subject: corner brackets draw on, label:value lines tick their values on cues, one readout…HTML · Apache-2.0Terminal SimulatorA terminal window types commands and streams log output. Paste-in snippet: it registers no timeline, you wire it into your own.HTML · Apache-2.0Code on screenTestimonial CardReveals a customer quote at reading pace, then settles its avatar, author name, and handle beneath as a clean proof beat.HTML · Apache-2.0A quoteTestimonial Proof CardA quote card whose testimonial reveals per-line through a soft mask, with an avatar disc (initials default, image slot), mono name and…HTML · Apache-2.0A quoteText Match CutOne line of text becomes another mid-move: both ride a single 85 % easy-ease curve and hard-swap at the speed peak, as scale, tracking, or…HTML · Apache-2.0A cut between two picturesText ShimmerA static headline receives one clean specular gradient sweep through its glyphs, then returns to its ordinary text color.HTML · Apache-2.0A titleText StaggerA transitions.dev-inspired text stagger primitive with enter, shimmer, and exit-ready words. Paste-in snippet: it registers no timeline…HTML · Apache-2.0A titleText State SwapA text state swap primitive with outgoing blur and incoming lift. Paste-in snippet: it registers no timeline, you wire it into your own.HTML · Apache-2.0A titleTicker TakeoverA mono ticker rolls through options, locks on a final word with an accent flash, and promotes it into a full-frame headline.HTML · Apache-2.0A titleTilt CardA transitions.dev-inspired tilt card primitive with depth layers and hover-style parallax. Paste-in snippet: it registers no timeline, you…HTML · Apache-2.0A camera moveTitlecard CalmA restrained title card where a mono kicker and generous grotesque headline fade upward, drift almost imperceptibly, and exit cleanly.HTML · Apache-2.0A titleTitlecard LockupThe calm breather titlecard: an optional mono kicker fades up, the wordmark settles dead-center with one restrained move, a hairline rule…HTML · Apache-2.0A titleToggle FlipAn oversized UI toggle switch that flips with real physicality: thumb overshoot, track color crossfade, and a soft press-compress before…HTML · Apache-2.0A whole sceneTop-Down LettersLetters descend from above in a pronounced staircase with zero blur. Paste-in snippet: it registers no timeline, you wire it into your own.HTML · Apache-2.0A titleTorn Paper RipA fibrous paper tear runs across the frame: the torn sheet shows its white paper core along the edge and lifts away on a soft shadow…HTML · Apache-2.0A cut between two picturesTouch IndicatorA translucent contact-circle gesture actor for mobile UI scenes: it touches the glass on the frame the host target responds, then lifts…HTML · Apache-2.0A camera moveTracing BeamA glowing dash follows one SVG path through three UI elements, lifting and brightening each element in sequence.HTML · Apache-2.0A calloutTracking InA precise letter-spacing reveal for premium headings and interface labels. Paste-in snippet: it registers no timeline, you wire it into…HTML · Apache-2.0A titleType Match CutA headline splits vertically around an incoming panel, which grows from the negative space and takes the frame as the words exit through…HTML · Apache-2.0A cut between two picturesTyped PromptA prompt line types itself in chunked human cadence behind a deterministic blinking caret, with optional backspace-and-retype correction of…HTML · Apache-2.0Code on screenTypewriterCharacter-by-character text reveal with a deterministic blinking cursor. Paste-in snippet: it registers no timeline, you wire it into your…HTML · Apache-2.0A titleTyping IndicatorThe three-dot chat bubble that says someone is writing: it pops in at the thread's edge exactly as messaging apps do, holds while the reply…HTML · Apache-2.0UI Focus ZoomA full app surface establishes with one settle, then the camera zooms and pans to an anchored region on its cue and holds the zoomed state…HTML · Apache-2.0A camera moveVariable Axis TypeA locked one-line headline whose weight or width axis morphs into a decisive emphasis beat.HTML · Apache-2.0A titleVariable Font FlexA word lands while its variable-font weight and width axes flex from hairline-condensed to black-wide with per-character stagger; font-size…HTML · Apache-2.0A titleVector Editor RigA dark design-tool app chrome with a live vector pen path, sequential anchor points, bezier handles, a selection frame, and theme-driven…HTML · Apache-2.0A whole sceneVelocity Throw SnapA five-shot rail whips past on a fast decaying curve, then overshoots and snaps the selected hero shot exactly to center.HTML · Apache-2.0A picture layoutVox AnnotateThe Vox-style annotate gesture: a keyword in a held sentence gets a hand-drawn marker while a thin connector draws up to a mono callout…HTML · Apache-2.0A calloutWhip Pan CutA full-frame whip pan: scene A whips off laterally with capped directional motion blur while scene B enters in the same direction at…HTML · Apache-2.0A cut between two picturesWhiteboard InkA whiteboard sketch draws one measured stroke at a time while a pen nib follows the active tip. Preset sketches (bulb, flow, rocket) or…HTML · Apache-2.0A map or a diagramX Follow CardA social follow card with avatar, handle, and follower motion. Paste-in snippet: it registers no timeline, you wire it into your own…HTML · Apache-2.0Pointer Circle + CountdownDraw-on annotation ellipse around a target plus a countdown chip that pulses each tick.HTML · Apache-2.0A calloutZoom Through TransitionA transition that zooms through a focal card into the next scene.HTML · Apache-2.0A cut between two picturestheme: boldDark purple-black ground, hot pink brand color, violet and cyan accents, Impact display type, quick 0.32 s beat with an overshoot ease. One…HTML · Apache-2.0A look or a styletheme: editorialWarm paper ground, dark green-black ink, teal brand color, Georgia and Palatino serifs, slow 0.48 s beat. One 20-line CSS file that sets…HTML · Apache-2.0A look or a styletheme: neutralLight gray ground, near-black ink, blue brand color, Inter throughout, 0.4 s beat. One 20-line CSS file that sets the 18 tokens the newer…HTML · Apache-2.0A look or a styledepth-layer-movesLayered parallax rails: three speed tiers slide past to build depth, and the hero floats up as the rail settles.Shot recipe · Apache-2.0Movement on a stillchip-grid-single-select-blackoutFive option chips fade in, then a single gray press frame flashes before the chosen chip turns solid black with a tiny bounce while the…Shot recipe · Apache-2.0A whole scenestroke-segment-buildDisconnected title strokes illuminate in a scrambled order and become readable only when the final segments snap into place.Shot recipe · Apache-2.0A titlesakuga-timing-shiftMovement begins in stepped, held drawings and suddenly switches to frame-by-frame acceleration at the climax.Shot recipe · Apache-2.0Edit, render, publishspeed-ramp-freezeA freeze used for on-screen annotation before motion resumes.Shot recipe · Apache-2.0A calloutgradient-transitionThe background morphs smoothly through linear, radial, and conic CSS gradients — angle, color stops, center, and radius each interpolated…Shot recipe · Apache-2.0A cut between two picturesline-carry-transitionA progress line exits scene A, guides the camera sideways, then turns corners to become the frame of scene B.Shot recipe · Apache-2.0A cut between two picturestear-streak-transitionsA high-energy tear: horizontal glitch strips whose displacement hides the hard cut.Shot recipe · Apache-2.0A cut between two picturesblur-slideTitle words rise into place one after another as vertical offset, blur, and opacity converge on a single shared ease, with the subtitle…Shot recipe · Apache-2.0A titlebrace-expandA tight pair of braces appears at center, then springs apart and scales up to title size, revealing the text through a clip width bound…Shot recipe · Apache-2.0A titlecountdown-arc-scatterNumbers arranged tangentially along a large arc sweep past and brake to a stop, the winning digit sliding out of the dial to become the…Shot recipe · Apache-2.0A number or a chartglitch-cycleStatus phrases cycle through one monospace slot, each dissolving into noise at both ends with RGB split and jitter, while a progress bar…Shot recipe · Apache-2.0A titleoutline-word-fillAn outlined word snaps down from triple size while a dashed circle and horizontal guides close in, then the stroke flips to solid white in…Shot recipe · Apache-2.0A titletitle-demote-to-labelA centered headline stands for a beat, then shrinks and slides to the top-left corner to become a section label as content grows beneath it.Shot recipe · Apache-2.0A picture layoutcarousel-3dEight cards sit on a circular ring laid out with sin and cos, spinning through exactly one full revolution while each card billboards…Shot recipe · Apache-2.0A picture layoutcloner-depth-echoA card duplicates into a diagonal depth trail, holds briefly, then accelerates back into one springy original.Shot recipe · Apache-2.0A camera movedraw-svg-traceAn ink stroke traces an element outline, closes with a dark flash, and hands focus to the revealed content.Shot recipe · Apache-2.0A calloutelement-body-movesA contact shadow that separates during lift, giving interface elements physical weight.Shot recipe · Apache-2.0PageCamA 2.5D camera over a full-page screenshot: you give keyframes (frame, center x/y, zoom, tilt) and it flies the page. The base of every…Remotion · Apache-2.0A camera moveClipCardWraps a video file in a rounded card with an optional caption, and cross-fades a loop when the clip is shorter than the shot, so…Remotion · Apache-2.0A laptop or window frameCaptionA small monospace caption line that fades in and out at the bottom of the frame for a given duration.Remotion · Apache-2.0CaptionsDigitRollOdometer-style rolling digits for monospace numerals.Remotion · Apache-2.0A number or a chartFlashCutA warm-white bloom that flashes over a hard cut (10 frames by default). The flash-cut style of the shot-transitions card.Remotion · Apache-2.0A cut between two picturesLook.tsx (palettes and stage)Eight complete color looks (dark: midnight, aurora, ember, graphite, lime; light: paper, porcelain, sand), a type scale, and a lit Stage…Remotion · Apache-2.0A background that movesfilm.html (starting film)The page every film starts from: a 1920x1080 stage, the runtime wired in, a Motion.film() call and the seek hooks the renderer drives. It…Starter · Apache-2.0A whole scene