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 52 of 2,295Show everything
From HyperFrames
No preview yet · 51
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…