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 124 of 2,295Show everything
From video-shotcraft
In words · 120
basic-3d-sceneImpress-style spatial slides: cards sit at scattered 3D poses and the camera flies to align with each one by inverting its transform…Shot recipe · Apache-2.0A camera movecrash-zoom-punchA six-frame push races from a wide view to a target close-up, ending with either an elastic overshoot or a heavy impact stop.Shot recipe · Apache-2.0Movement on a stillcursor-flyoverAfter an overview fade-in the camera flies to each of four screen corners in turn while an SVG cursor arrives with it, pointing and leaving…Shot recipe · Apache-2.0A camera movedepth-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 stillgraze-face-tourThe camera skims low across the UI surface like terrain while page text hovers above the interface and settles down as the shot advances.Shot recipe · Apache-2.0A camera moveoverhead-camera-moves2 named moves on one card: tilt-reveal (The whole page lies flat at -80 degrees and tilts upright in one 43-frame ease-out with a slight…Shot recipe · Apache-2.0A camera movesteep-tilt-glideA page stands at a steep 60-degree perspective and glides across a fixed camera with speed ghosting while text settles onto the surface…Shot recipe · Apache-2.0A camera movetension-camera-moves2 named moves on one card: bullet-time-freeze-orbit (A growing chart freezes mid-animation while the camera orbits the hovering UI plane 55…Shot recipe · Apache-2.0A camera moveterminal-3dThree terminal windows float at different poses in 3D space; the camera flies between them with a sine pull-back, and at each stop a…Shot recipe · Apache-2.0Code on screenbefore-after-slider-scrubBefore and after views share one frame while a fast-then-slow slider reveals the processed result.Shot recipe · Apache-2.0Before and afterchart-live-moves3 named moves on one card: oscilloscope-stream (A live curve writes itself in at the right edge with sudden spikes, then brakes to a true…Shot recipe · Apache-2.0A number or a chartgauge-readout-moves2 named moves on one card: needle-sweep-selftest (Ignition self-test: gauge needles slam to full arc, then swing back with overshoot to…Shot recipe · Apache-2.0A number or a chartscroll-brake-moves2 named moves on one card: changelog-scroll-brake (A 2400px scroll decelerates exponentially over 50 frames, motion blur driven by…Shot recipe · Apache-2.0Movement on a stilltimeline-travelThe camera accelerates along a horizontal version timeline, raises cards at each stop, then brakes sharply on the final milestone.Shot recipe · Apache-2.0A number or a chartassemble-then-type-flyinTextless component shells fly in from every direction onto an empty dark grid, then every character arrives from 3D space with its own…Shot recipe · Apache-2.0A picture layoutaurora-bloom-bg-flipA soft purple-orange aurora blob rises from the bottom of a light frame, then the whole background slams dark in under half a second while…Shot recipe · Apache-2.0A background that movesbrand-frame-snapA thick brand-color frame grows around the screen before content arrives, then hard-flips its color on the same frame the inner layout…Shot recipe · Apache-2.0A laptop or window framefui-hud-movesA reticle that assembles itself around a target and locks on.Shot recipe · Apache-2.0A calloutglow-flyline-moves3 named moves on one card: glow-orb-ambient (Three huge blurred glow orbs drift on twin sine paths, driving edge-light on nearby cards by…Shot recipe · Apache-2.0icon-performance-movesAn escalating attention bounce that compresses on landing to call the eye to an icon.Shot recipe · Apache-2.0impact-feedback2 named moves on one card: hit-counter (Three cards slam in one after another; every hit freezes 2 frames, floats damage digits, and bumps…Shot recipe · Apache-2.0A number or a chartlight-play-moves2 named moves on one card: spotlight-sweep (Two copies of the text: a dim one always on, a bright one revealed by a radial mask that sweeps…Shot recipe · Apache-2.0radial-ripple-phone-chipsFour concentric gray circles breathe out of phase like water ripples while a centered phone mockup auto-scrolls its feed and two white…Shot recipe · Apache-2.0A whole sceneriso-print-hitsA risograph impact: a single misregistered color split that snaps into alignment.Shot recipe · Apache-2.0scan-bracket-sweepA skeleton document pops to center, black L-shaped framing brackets drop into its corners, and a thin line with a gradient trail sweeps up…Shot recipe · Apache-2.0A calloutscanline-annotate-focusA bright scanline travels down the page and, as it clears each block, camera framing brackets snap inward onto that region and a monospace…Shot recipe · Apache-2.0A calloutscanline-assemble-flyinThe page starts as an empty dark grid; a scanline descends and each component flies in from off-screen to snap into place behind it, with…Shot recipe · Apache-2.0A picture layoutslam-entrance-moves3 named moves on one card: kanada-perspective-snap (Kanada-style snap: perspective 300 to 1500, rotate3d 58 degrees to flat, scale 1.7 to 1…Shot recipe · Apache-2.0A camera movespotlight-sweep-moves3 named moves on one card: glow-wake-sleep-panel (Wake-and-sleep sweep: a reveal mask follows the light head left to right — lit where it…Shot recipe · Apache-2.0autolayout-gap-dialA gap value dial pushes a row of blocks apart in real time while badge digits tick, then everything springs back into place.Shot recipe · Apache-2.0A whole scenecanvas-materialize-moves2 named moves on one card: panel-to-canvas (Checkboxes tick themselves, then table rows arc out of the panel and morph mid-flight into…Shot recipe · Apache-2.0A whole scenechip-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 scenecollab-cursor-movesA five-cursor ensemble drifting and typing across a shared board as living collaboration ambience.Shot recipe · Apache-2.0glass-pill-dictation-typingA fixed-width glass pill pops in slightly oversized and settles, glowing with an accent gradient inside that fades out as a placeholder…Shot recipe · Apache-2.0A whole scenehashtag-to-pill-materializeA typed "#word" hard-cuts into a wide pill tag, holds, shrinks into its slot on the page, then hard-cuts again to reveal the finished view.Shot recipe · Apache-2.0A whole scenepicker-carousel-feature-cycleA vertical mobile-style picker holds its focus pill still while the list passes through it, each item decelerating hard into place and…Shot recipe · Apache-2.0A whole scenesegmented-thumb-heroAn oversized segmented control gets a close-up: a cursor slides in, presses, and the white thumb snaps to the other segment as icons swap…Shot recipe · Apache-2.0A whole scenetheme-switch-moves2 named moves on one card: theme-sweep-toggle (The dark theme sweeps across as a slanted clip-path edge with a glowing 4px line, recoloring…Shot recipe · Apache-2.0A whole scenetype-and-filterA real interface types a search, collapses the grid to one result, then clicks through into the detail view.Shot recipe · Apache-2.0Movement on a stillvoice-waveform-liveA recording capsule shows 64 live bars that surge with speech, shrink to a dotted line in pauses, and collapse on submit.Shot recipe · Apache-2.0Sound you can seebrand-ink-openInk crosshairs draw in, the wordmark stamps letter by letter, a subtitle types on, then the lockup holds and lifts away.Shot recipe · Apache-2.0A logo revealcrane-rise-revealThe camera starts tight on one data row, rises and pulls back, then reveals a full dashboard filling the frame.Shot recipe · Apache-2.0A camera movedataviz-landscape-openStreams of light merge across a dark data landscape while labels hover and a shallow-depth camera glides forward.Shot recipe · Apache-2.0A whole scenefractureTwenty-five 3D tiles fly in from scattered space and lock into a poster in a center-out ripple, hold for a beat, then accelerate outward…Shot recipe · Apache-2.0A whole sceneicon-field-colorizeA grid of grayscale icons staggers in to fill the screen, holds a beat, then brand-color bands ripple down and light the whole field at…Shot recipe · Apache-2.0A logo revealletterspace-materializeEvery letter of a widely tracked wordmark draws itself in parallel, growing like handwriting and finishing together on the same frame.Shot recipe · Apache-2.0A logo revealmagician-card-flourishA blue starburst flashes on black for a third of a second, then a card shoots out of the flash, spinning along an arc toward camera before…Shot recipe · Apache-2.0A camera moveorbit-ring-title-openEight 16:9 content cards orbit an ellipse at a constant rate with their contents frozen on the first frame, then all start playing together…Shot recipe · Apache-2.0A titlestroke-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 titletext-as-maskProduct footage moves inside oversized title letters before the type expands until the footage takes over the frame.Shot recipe · Apache-2.0A titlegrain-dissolveA clean line of text boils into displaced grain noise inside a hatched selection frame, then the particle cloud condenses into a larger…Shot recipe · Apache-2.0An end cardlogo-shrink-wordmark-lockupA neon slit ring shrinks fast into a solid white O with an overshoot brake, slides left to make room, letters stagger in one by one, and an…Shot recipe · Apache-2.0A logo revealneon-triple-marqueeThree rows of outlined neon giants scroll in opposite directions across the full screen, lighting up in turn on a one-third phase offset.Shot recipe · Apache-2.0An end cardoutro-group-photo-launchElements from the film assemble around the wordmark as a crane settle, stage light, and gold dust create a launch-event finale.Shot recipe · Apache-2.0An end cardui-strip-away-outroAfter Publish is clicked the editor UI evaporates layer by layer from the edges inward, leaving one button to slide center, grow, and hand…Shot recipe · Apache-2.0An end cardui-to-brand-morph2 named moves on one card: icon-flip-bloom (The icon rocks twice, flips flat to a sliver with double ghosting, swaps identity at the…Shot recipe · Apache-2.0A logo revealbeat-cut-movesA three-flash freeze montage: white flashes hard-cut through different crops of the same subject and settle on the key number.Shot recipe · Apache-2.0A number or a chartbeat-step-list-theme-cycleAn adjective list steps up one row per beat while a fixed center pill catches each word and the background recolors on the same beat.Shot recipe · Apache-2.0Edit, render, publishpanel-grid-movesAn angled comic-panel split that cuts one moment into three framings before resolving to a poster.Shot recipe · Apache-2.0A picture layoutquad-split-parallel-scenesThe frame hard-cuts into a 2×2 grid where four micro-scenes run in parallel — typing, a whip zoom, word pops, and a cursor interaction…Shot recipe · Apache-2.0A picture layoutrhythm-interrupt-movesStepped punch-in jump cuts that break cadence on the same frame.Shot recipe · Apache-2.0Edit, render, publishsakuga-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 callouttrailer-grammar-movesA trailer bumper hook: three 9-frame rapid cuts, a beat of black silence, then the opening title card.Shot recipe · Apache-2.0Edit, render, publishbottom-push-stack-wipeEach new scene pushes up from the bottom edge with its own saturated background color, physically shoving the old scene out of frame.Shot recipe · Apache-2.0A cut between two picturescard-flip-revealFeature cards rotate 180 degrees around the Y axis, flash at the edge, and reveal a large result on the back.Shot recipe · Apache-2.0A cut between two picturescard-flock-tumbleThree UI cards tumble in 3D from edge-on to a stepped formation, keep slowly rotating, then collapse inward and burst into a smoke ring…Shot recipe · Apache-2.0A cut between two picturescircle-match-irisAn iris expands from a circular UI element and lands on a matching circle in the next scene.Shot recipe · Apache-2.0A cut between two picturesgradient-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 picturesmosaic-reframeTwelve tiles morph continuously between a regular grid, a feature mosaic with one hero slot, and a rotated diagonal cascade, each tile…Shot recipe · Apache-2.0A cut between two picturespage-turn-transitionsA full-page transition where the old page splits open like double doors to reveal the new one.Shot recipe · Apache-2.0A cut between two picturesprint-texture-transitionsA print-based reveal: ink bleeding outward from a drop point to consume the old scene.Shot recipe · Apache-2.0A cut between two picturesshot-transitions3 named moves on one card: flash-cut (The camera pushes in and a white flash straddles the cut, hiding the page swap inside the flare)…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 picturestransition-hidden-cut3 named moves on one card: invisible-cut (An oversized card sweeps past the lens with heavy motion blur, and the background swaps scenes…Shot recipe · Apache-2.0A cut between two picturestransition-travelA passage transition that pushes through the counter of a giant letterform into the next scene.Shot recipe · Apache-2.0A cut between two pictureswhite-flash-logo-simplify-cutA liquid six-color gradient wordmark shimmers in place, the frame flash-burns to white with a blur-and-brightness pulse, and a flat…Shot recipe · Apache-2.0A cut between two pictureswipe-transitionsA geometric wipe: twelve staggered vertical blinds flipping in a wave.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 chartdocument-typewriter-revealA fully typeset document writes itself behind one accent-color caret, opens both side columns, and drops history entries into the rail.Shot recipe · Apache-2.0Movement on a stillflying-wordsKeywords spawn deep in a perspective tunnel and rush past the camera along the z axis, fading in and out on a lifecycle curve across two…Shot recipe · Apache-2.0A titleglitch-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 titlegradient-word-sweepA gradient light sweeps left to right across a keyword, charging each character with glow that decays behind the wavefront until the whole…Shot recipe · Apache-2.0A titlelead-word-zoom-assembleThe lead word fills the frame at 2.3x and keeps drifting toward the viewer, then a single curve recedes it to size while the line slides…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 titlepill-chip-slot-cycle-handledA dark chip inside the sentence rolls through feature words, its width easing to each word so the surrounding text is pushed apart while…Shot recipe · Apache-2.0A titlepill-slot-cycleA fixed sentence keeps its trailing pill slot spinning like a slot machine through feature words until the final word locks the sentence.Shot recipe · Apache-2.0A titletext-column-convergeTwo words pinned at opposite screen edges hard-swap through options, then slide together exactly once to lock into the final phrase.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 layouttype-assembly-moves3 named moves on one card: split-text-stagger (Each character rises inside its own overflow box from 115% with a 10% overshoot, two frames…Shot recipe · Apache-2.0A titletype-entrance-movesLetters falling under gravity and bouncing into alignment as a title entrance.Shot recipe · Apache-2.0A titletype-rhythm-sync2 named moves on one card: font-weight-pump (On each hit the strokes jump bold and spring back thin over 10 frames; accent beats also widen…Shot recipe · Apache-2.0Captionstypewriter-movesA three-act typing narrative: a plain word, a hesitation and deletion, then a faster retype of the selling point.Shot recipe · Apache-2.0A titlevertical-word-roll-blur-cycleThe closing word of a tagline rolls vertically through a three-line reel, neighboring rows blurring into gray depth while the settled word…Shot recipe · Apache-2.0A titleword-relay-filmstripA filmstrip of page cards steps vertically while a serif word relay swaps only its verb, each swap aligned to the center of the current…Shot recipe · Apache-2.0A titleword-relay-geometryThree benefit words hand off in turn, each with its own geometry — a spinning dashed circle, three interlocking circles that trim into…Shot recipe · Apache-2.0A titleavatar-bracket-carouselA four-corner focus bracket stays locked mid-sentence while a vertical queue of avatars springs through it three times, each one sharpening…Shot recipe · Apache-2.0A camera movebezier-source-converge-mergeFour source nodes each draw a thin bezier curve toward one convergence point, then slide along their own curve and shrink as if swallowed…Shot recipe · Apache-2.0A camera movecard-stackEight cards spring up from below the frame one after another and pile into a single stack, then the whole pile fans out into a 3D arc as…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 movedeck-deal-flyinA physical card stack opens the scene, then cards accelerate into a live grid as the camera follows the growing page.Shot recipe · Apache-2.0Movement on a stilldoc-park-left-pill-dealThe source document slides left until only a sliver remains and keeps scrolling slowly, while three outlined pills are dealt one at a time…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.0integration-hub-mapA page flips 180 degrees into an integration hub where five app icons pop in together and rainbow light tubes connect with pulses flowing…Shot recipe · Apache-2.0A picture layoutlist-revealMenu rows scale into place one after another with a faint overshoot while the whole list drifts slowly upward, keeping the per-item…Shot recipe · Apache-2.0A camera movelist-stack-pressList cards fly up from below, compress the growing stack on every landing, and advance a synchronized counter.Shot recipe · Apache-2.0Movement on a stillneon-frame-forerunA neon frame races ahead to outline the scene in steep perspective while components drop from above and the page brightens as they land.Shot recipe · Apache-2.0A laptop or window frameneon-frame-orbit-dropAfter a neon frame draws itself, the camera arcs left to right while every page component drops from the air and lands on the same frame.Shot recipe · Apache-2.0A laptop or window framepage-waterfall-wallReal page captures flow at different speeds across a tilted 3D wall, creating an endless field of content.Shot recipe · Apache-2.0A background that movesproduct-card-progressive-assembleA product card builds itself field by field as image, title and pills pop in, the old price gets struck through while an accent new price…Shot recipe · Apache-2.0A picture layoutradial-waveA 17x9 dot grid lights up in rings that spread outward from the center, each dot overshooting its scale before settling into a steady glow…Shot recipe · Apache-2.0A background that movesresearch-card-stack-scrollDark paper cards drop into the center every twelve frames and pile along a downward-right axis, squashing on landing while only the topmost…Shot recipe · Apache-2.0A camera moverow-embedContent rows descend with perspective, flatten into the page, and flash a thin amber seam at the moment of insertion.Shot recipe · Apache-2.0Movement on a stillvalue-stagger-gradientSixteen bars rise in a staggered sweep where height, hue, travel distance and blur are each spread as a gradient across the row, then a…Shot recipe · Apache-2.0A number or a chartwall-reveal-moves2 named moves on one card: bento-light-up (A dark 3x2 bento wall waits dimmed; amber light traces each cell border and the content…Shot recipe · Apache-2.0A camera move