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 51 of 2,295Show everything
From HyperFrames
In words · 51
Dolly 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 moveRack 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 move3D UI RevealPerspective 3D reveal animation for UI elements.HTML · Apache-2.0A camera moveAgent 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 moveAvatar 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 moveCamera Rig Depth StackA 3D camera-rig-style card stack with depth, parallax, and focus shift. Paste-in snippet: it registers no timeline, you wire it into your…HTML · Apache-2.0A camera moveCamera 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 moveCard 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 moveContext 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 moveDart 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 moveDrift HoldA centered content card stays subtly alive through loop-exact rotation, scale breathing, and a slow light sweep.HTML · Apache-2.0A camera moveExtended KeyframeThe never-fully-lands arrival: an element covers most of its move in the first fifth of the duration and creeps the rest to the last frame…HTML · Apache-2.0A camera moveFocus 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 moveIcon 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 moveInput 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 moveMagnetic 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 moveMenu 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 moveMicro 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 moveModal 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 moveMultiplayer 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 moveOffset Path TravelerA slotted traveler follows an authored path with tangent rotation, curved entry, and curved exit.HTML · Apache-2.0A camera moveOversized 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 movePan 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 movePendulum 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 movePhysical 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 moveScroll 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 moveSkeleton 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 moveSpring PopA badge pops in from a visible near-rest scale, overshoots full size once, and settles cleanly.HTML · Apache-2.0A camera moveSuccess 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 moveTilt 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 moveTouch 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 moveUI 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 moveCamera Punch-InDynamic zoom, slide, and 3D tilt-pan helpers for any wrapper (video, include, card) with cubic-easing defaults and an edge-defocus pulse…HTML · Apache-2.0A camera move