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
No preview yet · 51
Dolly Zoom (Vertigo Shot)HTML · Apache-2.0Camera tracks toward or away from the subject while the field of view changes the opposite way, so the subject holds its frame size while…Rack FocusHTML · Apache-2.0A 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…3D UI RevealHTML · Apache-2.0Perspective 3D reveal animation for UI elements.Agent CursorHTML · Apache-2.0An 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…Avatar Group HoverHTML · Apache-2.0A distance-falloff avatar group lift with bouncy hover return. Paste-in snippet: it registers no timeline, you wire it into your own.Badge PopHTML · Apache-2.0A transitions.dev-inspired notification badge pop with elastic scale and count reveal. Paste-in snippet: it registers no timeline, you wire…Camera Rig Depth StackHTML · Apache-2.0A 3D camera-rig-style card stack with depth, parallax, and focus shift. Paste-in snippet: it registers no timeline, you wire it into your…Camera ShakeHTML · Apache-2.0Procedural handheld, telephoto and rig camera shake for any wrapper: nine measured profiles with per-lens projection, closed-form and…Card ResizeHTML · Apache-2.0A transitions.dev-inspired card resize primitive that expands a compact card into a detail panel. Paste-in snippet: it registers no…Context Menu CursorHTML · Apache-2.0A 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…Drag and Drop CursorHTML · Apache-2.0A 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…Cursor Glyph TrailHTML · Apache-2.0A tutorial cursor path: on a settings screen the arrow clicks through three steps, leaving a dotted trail spaced evenly by distance and a…Marquee Select CursorHTML · Apache-2.0A 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…Text Select CursorHTML · Apache-2.0An arrow turns into an I-beam over a document, drags a selection across a phrase character by character, raises a format toolbar, turns…Zoom Follow CursorHTML · Apache-2.0Screen-recording auto-zoom: the camera pushes in toward each upcoming click, trails the cursor on a smooth spring, marks every click with a…Dart CursorHTML · Apache-2.0A bold outlined arrowhead that dives in from camera depth, flies nose-first with motion blur along its path, squashes on two clicks, and…Drift HoldHTML · Apache-2.0A centered content card stays subtly alive through loop-exact rotation, scale breathing, and a slow light sweep.Extended KeyframeHTML · Apache-2.0The 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…Focus RackHTML · Apache-2.0Focus shifts once between two cards at different apparent depths through synchronized blur, dimming, scale, and parallax.Focus SwapHTML · Apache-2.0Moves attention between two side-by-side cards as one recedes with scale, blur, and dimming while the other advances to full focus.Gesture TapHTML · Apache-2.0A contact circle taps a mobile pill button, releases it into a new labeled accent state, and lifts away.Icon Morph BeatHTML · Apache-2.0An icon morphs between authored state silhouettes, shifts to an accent color, and marks completion with one restrained pulse.Icon SwapHTML · Apache-2.0A scale-and-blur icon swap primitive for toolbar and action state changes. Paste-in snippet: it registers no timeline, you wire it into…Input FeedbackHTML · Apache-2.0A transitions.dev-inspired input feedback primitive with shake, clear affordance, and success state. Paste-in snippet: it registers no…Magnetic CursorHTML · Apache-2.0A soft dot pointer glides across an editor toolbar, is pulled into each button and morphs into its rounded hover plate while the icon leans…Menu MorphHTML · Apache-2.0A transitions.dev-inspired hamburger and plus-menu morph primitive for compact action menus. Paste-in snippet: it registers no timeline…Micro TransitionsHTML · Apache-2.0A transitions.dev-inspired pack of badge, dropdown, modal, tabs, tooltip, and success-check micro transitions. Paste-in snippet: it…Modal MorphHTML · Apache-2.0A small card expands into a full panel, shared-element style: both layouts measured once at mount, the container morphs by transform only…Multiplayer CursorsHTML · Apache-2.0Labeled collaborator cursors with token-derived colors and soft glows drift from spread positions into a shared center zone, proving live…Offset Path TravelerHTML · Apache-2.0A slotted traveler follows an authored path with tangent rotation, curved entry, and curved exit.Oversized CursorHTML · Apache-2.0The 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…Pan StationsHTML · Apache-2.0A lateral camera move across a continuous row of labeled feature stations, with a steady dwell at each stop before the next pan.Panel RevealHTML · Apache-2.0A panel reveal primitive with height expansion and content fade. Paste-in snippet: it registers no timeline, you wire it into your own.Pendulum SwingHTML · Apache-2.0Content hangs from a fixed pivot and swings into rest with gravity-damped oscillation, like a hanging sign settling on its hook. Paste-in…Physical ExitHTML · Apache-2.0A card exits with physical momentum in toss, drop, or slide mode, carrying acceleration and rotation through the final offscreen pose…Press RippleHTML · Apache-2.0A cursor decel-arrives from off-stage, lands slightly off-center on a caller-positioned target, compresses with it in lockstep, releases…Pull Back RevealHTML · Apache-2.0A tight stat detail holds, then one decelerating camera pull-back reveals the headline and supporting cards that recontextualize it.Pull to RefreshHTML · Apache-2.0A mobile list pulls through nonlinear rubber-band resistance, arms at a threshold, commits to a bounded loading indicator, then snaps…Push InHTML · Apache-2.0A centered headline gains focus through one slow, continuous camera push and a gentle fade out.Scroll Camera StoryHTML · Apache-2.0A compressed forced-scroll cinematic pass: a tall scene of slotted sections travels past the camera top to bottom, depth layers parallax at…Skeleton RevealHTML · Apache-2.0A skeleton loader transition that pulses, then cross-fades into content. Paste-in snippet: it registers no timeline, you wire it into your…Spring PopHTML · Apache-2.0A badge pops in from a visible near-rest scale, overshoots full size once, and settles cleanly.Success CheckHTML · Apache-2.0A success check primitive with ring pop, path draw, and subtle rotate blur. Paste-in snippet: it registers no timeline, you wire it into…SVG Line Draw LoaderHTML · Apache-2.0An Anime.js-style path drawing loader implemented as a seekable GSAP stroke timeline. Paste-in snippet: it registers no timeline, you wire…SVG Stroke TraceHTML · Apache-2.0An authored SVG path draws from its measured length, holds with subtle drift, and optionally fills when the path is closed.Swipe RailHTML · Apache-2.0A contact circle leads a horizontal card rail through a fast drag, momentum carry, and settled snap to the next card.Tabs Slide IndicatorHTML · Apache-2.0A pill indicator transition that slides between active tabs. Paste-in snippet: it registers no timeline, you wire it into your own.Tilt CardHTML · Apache-2.0A transitions.dev-inspired tilt card primitive with depth layers and hover-style parallax. Paste-in snippet: it registers no timeline, you…Touch IndicatorHTML · Apache-2.0A translucent contact-circle gesture actor for mobile UI scenes: it touches the glass on the frame the host target responds, then lifts…UI Focus ZoomHTML · Apache-2.0A 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…Camera Punch-InHTML · Apache-2.0Dynamic zoom, slide, and 3D tilt-pan helpers for any wrapper (video, include, card) with cubic-easing defaults and an edge-defocus pulse…