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 106 of 2,295Show everything
No preview yet · 89
Beat Freeze CutHTML · Apache-2.0A beat-driven speed ramp, freeze-frame hit, and hard-cut sequence for music-led promos and montages.Chromatic Radial SplitHTML · Apache-2.0Demo card for the chromatic-split shader transition: two flat-color sample scenes blended by the shader, beside a label panel. The card is…Cinematic ZoomHTML · Apache-2.0Demo card for the cinematic-zoom shader transition: two flat-color sample scenes blended by the shader, beside a label panel. The card is…Cross Warp MorphHTML · Apache-2.0Demo card for the cross-warp-morph shader transition: two flat-color sample scenes blended by the shader, beside a label panel. The card is…Domain Warp DissolveHTML · Apache-2.0Demo card for the domain-warp shader transition: two flat-color sample scenes blended by the shader, beside a label panel. The card is not…Flash Through WhiteHTML · Apache-2.0Demo card for the flash-through-white shader transition: two flat-color sample scenes blended by the shader, beside a label panel. The card…GlitchHTML · Apache-2.0Demo card for the glitch shader transition: two flat-color sample scenes blended by the shader, beside a label panel. The card is not a…Gravitational LensHTML · Apache-2.0Demo card for the gravitational-lens shader transition: two flat-color sample scenes blended by the shader, beside a label panel. The card…Scribble TransitionHTML · Apache-2.0Overlay transition: scribble bands accumulate to cover the frame with a solid backstop, the host cuts beneath, and the scribble clears.Light LeakHTML · Apache-2.0Demo card for the light-leak shader transition: two flat-color sample scenes blended by the shader, beside a label panel. The card is not a…Text Clone Wall TransitionHTML · Apache-2.0Overlay transition: a tiled word wall covers the frame, inverts via difference blending, and clears — hard-cut the content beneath while…Ridged BurnHTML · Apache-2.0Demo card for the ridged-burn shader transition: two flat-color sample scenes blended by the shader, beside a label panel. The card is not…Ripple WavesHTML · Apache-2.0Demo card for the ripple-waves shader transition: two flat-color sample scenes blended by the shader, beside a label panel. The card is not…SDF IrisHTML · Apache-2.0Demo card for the sdf-iris shader transition: two flat-color sample scenes blended by the shader, beside a label panel. The card is not a…Swirl VortexHTML · Apache-2.0Demo card for the swirl-vortex shader transition: two flat-color sample scenes blended by the shader, beside a label panel. The card is not…Thermal DistortionHTML · Apache-2.0Demo card for the thermal-distortion shader transition: two flat-color sample scenes blended by the shader, beside a label panel. The card…3D TransitionsHTML · Apache-2.0Showcase of 3D perspective flip and rotate transitions. A reel of several transitions, not one drop-in: lift the one you want.Blur TransitionsHTML · Apache-2.0Showcase of blur-based transitions between scenes. A reel of several transitions, not one drop-in: lift the one you want.Cover TransitionsHTML · Apache-2.0Showcase of cover/uncover slide transitions. A reel of several transitions, not one drop-in: lift the one you want.Destruction TransitionsHTML · Apache-2.0Showcase of destructive break-apart transitions. A reel of several transitions, not one drop-in: lift the one you want.Dissolve TransitionsHTML · Apache-2.0Showcase of dissolve and fade transitions. A reel of several transitions, not one drop-in: lift the one you want.Distortion TransitionsHTML · Apache-2.0Showcase of warp and distortion transitions. A reel of several transitions, not one drop-in: lift the one you want.Grid TransitionsHTML · Apache-2.0Showcase of grid-based tile transitions. A reel of several transitions, not one drop-in: lift the one you want.Light TransitionsHTML · Apache-2.0Showcase of light-based glow and flash transitions. A reel of several transitions, not one drop-in: lift the one you want.Mechanical TransitionsHTML · Apache-2.0Showcase of mechanical shutter and iris transitions. A reel of several transitions, not one drop-in: lift the one you want.Other TransitionsHTML · Apache-2.0Showcase of miscellaneous creative transitions. A reel of several transitions, not one drop-in: lift the one you want.Push TransitionsHTML · Apache-2.0Showcase of push and slide transitions. A reel of several transitions, not one drop-in: lift the one you want.Radial TransitionsHTML · Apache-2.0Showcase of radial wipe and reveal transitions. A reel of several transitions, not one drop-in: lift the one you want.Scale TransitionsHTML · Apache-2.0Showcase of scale and zoom transitions. A reel of several transitions, not one drop-in: lift the one you want.Chromatic Aberration WipeHTML · Apache-2.0A fast slide wipe with RGB channel split on peak frames. Paste-in snippet: it registers no timeline, you wire it into your own.Curtain RevealHTML · Apache-2.0Two pleated stage curtains gather outward from center, the way real velvet bunches at the tieback, revealing the stage underneath. A static…Cut the CurveHTML · Apache-2.0A velocity-matched directional hard cut: the outgoing subject accelerates with power4.in, swaps at peak velocity, and the incoming subject…Directional WipeHTML · Apache-2.0A directional scene push that slides one panel over another. Paste-in snippet: it registers no timeline, you wire it into your own.Fade ThroughHTML · Apache-2.0A calm transition primitive that fades one layer out, passes through a wash, and reveals the next layer. Paste-in snippet: it registers no…Grid Pixelate WipeHTML · Apache-2.0Transition effect where the screen dissolves into a grid of squares that fade out with staggered timing — use between scenes. Paste-in…Halftone DissolveHTML · Apache-2.0Scene A dissolves into scene B through a growing halftone dot field: accent ink dots pop onto a fixed grid smallest-first, each opens into…Iris RevealHTML · Apache-2.0A circle clip-path opens from an authored origin revealing state B over state A in one confident pass, then holds on B. Classic register…Match CutHTML · Apache-2.0A circle accelerates into a hard single-frame scene swap, matches the incoming circle exactly, and continues into a smaller resting pose.Morph SwapHTML · Apache-2.0Two slotted siblings stacked at one shared center: A holds, then condenses or reshapes into B on a shared 50% 50% transform origin…Page SlideHTML · Apache-2.0A transitions.dev-inspired page slide primitive with outgoing and incoming panels. Paste-in snippet: it registers no timeline, you wire it…Paper Collage RevealHTML · Apache-2.0A scrapbook patchwork of torn paper scraps, each with its own texture and tilt, flutters away in a staggered scatter to reveal the content…Parallax Device DiveHTML · Apache-2.0A canonical phone rises into view before the camera pushes through its screen and layered app UI expands to fill the frame.Parallax UnzoomHTML · Apache-2.0Reveal transition — focus card scales down from full frame as siblings parallax in to form a grid (reverse of parallax-zoom). Paste-in…Parallax ZoomHTML · Apache-2.0Center card scales up to fill the frame while siblings parallax outward — inspired by the eBay Playbook hero transition. Paste-in snippet…Rubber Band BumperHTML · Apache-2.0An outgoing panel pulls against increasing resistance, holds at tension, then snaps past an edge with overshoot as the incoming panel…Text Match CutHTML · Apache-2.0One 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…Torn Paper RipHTML · Apache-2.0A 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…Type Match CutHTML · Apache-2.0A headline splits vertically around an incoming panel, which grows from the negative space and takes the frame as the words exit through…Whip Pan CutHTML · Apache-2.0A full-frame whip pan: scene A whips off laterally with capped directional motion blur while scene B enters in the same direction at…Zoom Through TransitionHTML · Apache-2.0A transition that zooms through a focal card into the next scene.@hyperframes/shader-transitionsTool · Apache-2.0A small library of 14 WebGL scene-to-scene transitions driven by a GSAP timeline: domain-warp, ridged-burn, whip-pan, sdf-iris…CollageBurstRemotion · Link onlyA collage composition: images and clips arranged with spring motion. Built on Remotion 4.0.484 and React 18.bottom-push-stack-wipeShot recipe · Apache-2.0Each new scene pushes up from the bottom edge with its own saturated background color, physically shoving the old scene out of frame.card-flip-revealShot recipe · Apache-2.0Feature cards rotate 180 degrees around the Y axis, flash at the edge, and reveal a large result on the back.card-flock-tumbleShot recipe · Apache-2.0Three UI cards tumble in 3D from edge-on to a stepped formation, keep slowly rotating, then collapse inward and burst into a smoke ring…circle-match-irisShot recipe · Apache-2.0An iris expands from a circular UI element and lands on a matching circle in the next scene.gradient-transitionShot recipe · Apache-2.0The background morphs smoothly through linear, radial, and conic CSS gradients — angle, color stops, center, and radius each interpolated…line-carry-transitionShot recipe · Apache-2.0A progress line exits scene A, guides the camera sideways, then turns corners to become the frame of scene B.mosaic-reframeShot recipe · Apache-2.0Twelve tiles morph continuously between a regular grid, a feature mosaic with one hero slot, and a rotated diagonal cascade, each tile…page-turn-transitionsShot recipe · Apache-2.0A full-page transition where the old page splits open like double doors to reveal the new one.print-texture-transitionsShot recipe · Apache-2.0A print-based reveal: ink bleeding outward from a drop point to consume the old scene.shot-transitionsShot recipe · Apache-2.03 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)…tear-streak-transitionsShot recipe · Apache-2.0A high-energy tear: horizontal glitch strips whose displacement hides the hard cut.transition-hidden-cutShot recipe · Apache-2.03 named moves on one card: invisible-cut (An oversized card sweeps past the lens with heavy motion blur, and the background swaps scenes…transition-travelShot recipe · Apache-2.0A passage transition that pushes through the counter of a giant letterform into the next scene.white-flash-logo-simplify-cutShot recipe · Apache-2.0A liquid six-color gradient wordmark shimmers in place, the frame flash-burns to white with a blur-and-brightness pulse, and a flat…wipe-transitionsShot recipe · Apache-2.0A geometric wipe: twelve staggered vertical blinds flipping in a wave.FlashCutRemotion · Apache-2.0A warm-white bloom that flashes over a hard cut (10 frames by default). The flash-cut style of the shot-transitions card.T1. Hard cut on motionShot recipe · Apache-2.0The cut lands mid-move at peak speed, never on a settled frame. Written as what, mechanics with measured frame numbers, when to use and…T2. Carried-object match cutShot recipe · Apache-2.0The same object sits at the same place and pose on both sides of the cut. Written as what, mechanics with measured frame numbers, when to…T3. The effect becomes the next sceneShot recipe · Apache-2.0The thing that finishes scene A (a burst, a growing shape) is the ground of scene B. Written as what, mechanics with measured frame…T4. Container replacementShot recipe · Apache-2.0The old bar, card or pill contracts and a new container takes its slot at full size. Written as what, mechanics with measured frame…T5. Grey/flat dip hiding a theme flipShot recipe · Apache-2.0A four-frame wash to one flat gray frame hides a light-to-dark flip and a magnification. Written as what, mechanics with measured frame…T6. Blur-matched cutShot recipe · Apache-2.0The exit ends blurred and the entrance starts more blurred, so the cut vanishes in defocus. Written as what, mechanics with measured frame…T7. Wipe that starts in A and finishes in BShot recipe · Apache-2.0A band begun at the end of one scene completes in the first frames of the next. Written as what, mechanics with measured frame numbers…T8. Mask / clip-edge wipe through glyphsShot recipe · Apache-2.0A clip edge sweeps through text so lines erase and reveal mid-letter, with no crossfade. Written as what, mechanics with measured frame…T9. Stair / block wipe in screen-grid stepsShot recipe · Apache-2.0A wipe whose front advances in whole grid jumps with no in-between. Written as what, mechanics with measured frame numbers, when to use and…T10. Pixel / mosaic dissolve with stepped coverageShot recipe · Apache-2.0A field of hard-edged cells dissolves or resolves in steps; opacity is not used. Written as what, mechanics with measured frame numbers…T11. Zoom-through / dive into a logo detailShot recipe · Apache-2.0The camera scales into one detail of the logo at a constant rate until it becomes the next surface. Written as what, mechanics with…T12. Pull-back reveal with snapShot recipe · Apache-2.0The product is shown as one magnified fragment, then revealed by pulling back. Written as what, mechanics with measured frame numbers, when…T13. Whip pan with content changing during the whipShot recipe · Apache-2.0A fast pan in which the old content leaves and the new arrives inside the move. Written as what, mechanics with measured frame numbers…T14. Scale cutShot recipe · Apache-2.0Scale changes in one frame, not by a zoom tween, ideally with a content change on the same frame. Written as what, mechanics with measured…T15. Ground flips by act (dark / light)Shot recipe · Apache-2.0The ground inverts at an act boundary, always caused by an object or hidden in motion. Written as what, mechanics with measured frame…T16. Localized glitch rectangles as a bridgeShot recipe · Apache-2.0A few black static rectangles over part of the frame for six frames or fewer bridge a hard cut. Written as what, mechanics with measured…T17. OcclusionShot recipe · Apache-2.0A rising or sliding surface covers the old content; nothing fades. Written as what, mechanics with measured frame numbers, when to use and…T18. One-frame double exposure and carry-over ghostsShot recipe · Apache-2.0One to three frames where both scenes coexist, or a one-frame ghost carries across. Written as what, mechanics with measured frame numbers…T19. Hard replacement of a word or lineShot recipe · Apache-2.0Text is swapped without a transition, words dropped or added on single frames. Written as what, mechanics with measured frame numbers, when…T20. Strobe / reel flipShot recipe · Apache-2.0Many plates flip on a rhythm (about 15 a second) to read as range or volume. Written as what, mechanics with measured frame numbers, when…Dissolve and spawnthree.js · MITMakes an object appear or vanish in small blocks with a glowing edge. One uniform, uProgress from 0 to 1, is the whole state, which makes…