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 276 of 2,295Show everything
In words · 266
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 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 titleLottie 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.0Split-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.0