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 149 of 2,295Show everything
In words · 139
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 movecreative/animated-drawingMaking a person's own drawing or photo of a character move (dance, walk, jump, wave) with Meta's AnimatedDrawings and real motion capture…Skill · Link onlyA camera movecreative/animation-pipelineMotion-graphics basics for the two render paths: choosing Remotion or HyperFrames, frame rate, timing principles and scene transitions.Skill · Link onlyA camera movecreative/cinematicThe cinematic look: wide aspect ratios, shot length and pacing, layered sound, grading, and replacing mood words with the visual cause of…Skill · Link onlyA camera movecreative/ink-theaterThe creative method behind Ink Theater: a black-ink character acts out an abstract idea by working an absurd low-tech machine. Gives the…Skill · Link onlyA camera movecreative/manim-usageUsing Manim for maths animation in this system: render settings, timing, composition and color.Skill · Link onlyA camera movecanvas-procedural-animationProcedural character effects with p5.js and canvas: particles, weather, squash and stretch, walk cycles.Skill · Link onlyA camera moveframer-motionDisney's twelve animation principles applied with Framer Motion in React.Skill · Link onlyA camera movegsap-coreGreenSock's own skill for the core GSAP API. A copy of the skill in greensock/gsap-skills, which is MIT.GSAP · Link onlyA camera movegsap-frameworksGreenSock's own skill for GSAP in Vue, Svelte and other non-React frameworks. Copy of the MIT upstream.GSAP · Link onlyA camera movegsap-performanceGreenSock's own skill for GSAP performance. Copy of the MIT upstream.GSAP · Link onlyA camera movegsap-pluginsGreenSock's own skill for the GSAP plugins (SplitText, Flip, MorphSVG and the rest). Copy of the MIT upstream.GSAP · Link onlyA camera movegsap-reactGreenSock's own skill for GSAP in React. Copy of the MIT upstream.GSAP · Link onlyA camera movegsap-scrolltriggerGreenSock's own skill for scroll-linked animation. Copy of the MIT upstream.GSAP · Link onlyA camera movegsap-timelineGreenSock's own skill for GSAP timelines. Copy of the MIT upstream.GSAP · Link onlyA camera movegsap-utilsGreenSock's own skill for the GSAP helper functions. Copy of the MIT upstream.GSAP · Link onlyA camera movehyperframes-animationAll the motion knowledge for HyperFrames: small motion rules, scene blueprints, transitions. Copy of HeyGen's skill.HTML · Link onlyA camera movelottie-bodymovinDisney's twelve animation principles applied with Lottie animations exported from After Effects.Skill · Link onlyA camera movemanimce-best-practicesBest practices for Manim Community Edition. Carries its own MIT license file (Adithya S Kolavi, 2026).Skill · Link onlyA camera movemanimgl-best-practicesBest practices for ManimGL, the original Manim. Carries its own MIT license file.Skill · Link onlyA camera movemotion-graphicsShort design-led motion graphics where the motion is the message: kinetic type, number count-ups, chart reveals, logo stings.HTML · Link onlyA camera moveremotion-best-practicesAn older copy of Remotion's own best-practices skill with 38 rule files. Upstream (remotion-dev/skills) states no license, and this copy…Remotion · Link onlyA camera moveremotionProject conventions for Remotion from a third-party video toolkit: custom transitions and shared components.Remotion · Link onlyA camera movesvg-character-animationAnimating SVG character rigs with GSAP, CSS transforms and Remotion frame control.Skill · Link onlyA camera moveaction_timeline_compilerCompiles a scene plan into a timed list of character actions and poses. Runs on the machine. Works with no keys.Tool · Link onlyA camera movemath_animateMathematical animation with Manim. Runs on the machine; needs manim. Needs a key, a program or a download before it works.Tool · Link onlyA camera moveInk Theater engineA small script for hand-drawn black-ink animation in HTML and SVG on one paused GSAP timeline: wobbly ink strokes, a line 'boil' that is…HTML · Link onlyA camera moveTwelve motion-capture clipsTwelve 2D motion clips for the puppet: climb, dance_glide, dance_spin, jump, kick, march, run, shuffle, sit, twist, walk, wave. Made from…HTML · Link onlyA camera move/ink-artSlash command for a hand-drawn ink animation: a character that draws itself and moves, or a contraption explainer, rendered through…Skill · Link onlyA camera move/animated-drawingSlash command that makes a supplied drawing or photo of a character move with Meta's AnimatedDrawings. Copies for other agents sit in…Skill · Link onlyA camera moveShot prompt builderTurns structured shot language (camera, movement, subject, lighting and more, in layers) into a prompt tuned for a given video model.Tool · Link onlyA camera moveaction_timeline schemaTimed character actions and poses ready to render. A JSON Schema; required fields: version, scenes.Starter · Link onlyA camera movegsap-scrolltriggerScroll-linked animation for web pages: triggers, start and end, scrub, pinning, batch, horizontal scroll with containerAnimation, markers…GSAP · MITA camera movegsap-utilsThe helper functions on gsap.utils: clamp, mapRange, normalize, interpolate (numbers, colors, objects), random, snap, shuffle, distribute…GSAP · MITA camera movegsap-reactGSAP inside React: the useGSAP hook from @gsap/react with a scope ref, refs for targets, the dependency array and revertOnUpdate…GSAP · MITA camera movegsap-frameworksGSAP in Vue 3, Nuxt 4 and Svelte: create animations after mount inside gsap.context() scoped to the component, revert on unmount, a…GSAP · MITA camera moveexamples/vanillaOne HTML page and one module showing a single tween, a three-step timeline with defaults and position offsets, and a scrubbed ScrollTrigger…GSAP · MITA camera moveexamples/reactA Vite and React page: a box moved with useGSAP, three items staggered in, scoped to a container ref. Pins React 18.GSAP · MITA camera moveexamples/vueA Vite and Vue 3 page: a tween, a stagger and a scrubbed ScrollTrigger timeline inside gsap.context(), reverted on unmount.GSAP · MITA camera moveGitHub Copilot instruction filesThe same guidance condensed for GitHub Copilot, which does not read skill folders: one repo-wide file and two path-specific ones for React…Skill · MITA camera movebasic-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 movecursor-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 movegraze-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 moveslam-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 movecrane-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 movemagician-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 moveavatar-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 movecloner-depth-echoA card duplicates into a diagonal depth trail, holds briefly, then accelerates back into one springy original.Shot recipe · Apache-2.0A camera movedoc-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 movelist-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 moveresearch-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 movewall-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 movePageCamA 2.5D camera over a full-page screenshot: you give keyframes (frame, center x/y, zoom, tilt) and it flies the page. The base of every…Remotion · Apache-2.0A camera movehelpers (rand, shake, camera, motion)Small pure functions with unit tests: seeded random (mulberry32), velocityAt, lagged follow, dampedSettle, handheld shake, and a three.js…Remotion · Apache-2.0A camera movePageCam2D.tsxA self-contained copy of the template's page camera for demos that fly over real screenshots (spotlight-hero-card, type-and-filter…Remotion · Apache-2.0A camera moveM.cursor and M.pressA cursor that enters oversized, parks, then presses: the cursor squashes for 2-3 frames and the target answers a frame later.GSAP · Apache-2.0A camera moveM.enter and M.exitEntry and exit with a start or end pose and a directional smear that is strongest on the first (entry) or last (exit) frame.GSAP · Apache-2.0A camera moveM.camera, M.snap, M.whip, M.dive, M.driftFive camera moves on a wrapper element: keyframed camera, a snap that covers most of its distance in one frame then tails off, a whip pan…GSAP · Apache-2.0A camera moveM.kf, M.show, M.hide, M.cutFrame-numbered keyframes on any property, hard show/hide, and a cut that swaps scenes on one frame and records the cut for the sound mix.GSAP · Apache-2.0A camera moveM.cascadeRuns one move across several elements with chosen frame gaps and returns the onset frames.GSAP · Apache-2.0A camera moveM.ease.cruiseMeasured ease: linear; 9 frames typical; 18% of measured moves. Used for fades, drift, camera creep, counters, anything ambient.GSAP · Apache-2.0A camera moveM.ease.glideMeasured ease: gentle ease-out (about sine.out); 10 frames; 14%. Used for all-purpose medium lands, camera pushes, press-down.GSAP · Apache-2.0A camera moveM.ease.softInOutMeasured ease: S-curve; 9 frames; 14%. Used for opacity and blur ramps, ground and color changes, a number tied to a handle.GSAP · Apache-2.0A camera moveM.ease.softLandMeasured ease: strong ease-out (about power 3); 12 frames; 9%. Used for the workhorse entry: text rises, panels slide, scale-ins.GSAP · Apache-2.0A camera moveM.ease.gentleInMeasured ease: ease-in (about power 2); 9 frames; 9%. Used for exits, blur-out and fade-out starts, slow push-ins that run into a cut.GSAP · Apache-2.0A camera moveM.ease.snapSettleMeasured ease: 54% done at a tenth of the time, then a long soft tail; 11 frames; 6%. Used for hero entries, logo crash-ins, card landings…GSAP · Apache-2.0A camera moveM.ease.whipMeasured ease: fast out (about power 2.5); 7-8 frames for a true whip; 6%. Used for big fast moves and the arriving half of a whip pan.GSAP · Apache-2.0A camera moveM.ease.accelExitMeasured ease: ease-in (about power 2.6), fastest near the end; 13 frames; 5%. Used for the leaving curve: scale exits, pans off frame, the…GSAP · Apache-2.0A camera moveM.ease.crashOutMeasured ease: ease-in (power 4) that ends at full speed; 17 frames; 4%. Used for camera pull-offs and exits that end on a hard cut.GSAP · Apache-2.0A camera moveM.ease.popOverMeasured ease: late lean past the mark, peak 1.08 at 72% of the time; 15 frames; 2%. Used for release after a press, a one-off physical…GSAP · Apache-2.0A camera moveM.ease.crashInMeasured ease: slam: touches the mark almost at once, peak 1.18 at 27%, relaxes back; 10 frames; 1%. Used for drops that should punch past…GSAP · Apache-2.0A camera moveM.ease.bounceHardMeasured ease: big overshoot, peak 1.48; 22 frames; under 1%. Used for rare pops and rotations; the skill says use sparingly.GSAP · Apache-2.0A camera moveGSAP 3.12.5 (bundled copy)A minified copy of GSAP 3.12.5 that the runtime loads. The NOTICE says it is not under this repo's Apache license: 'Copyright 2024…GSAP · Link onlyA camera moveGuide: AnimationKeyframing from Python in a way that works on every version, a helper to reach the curves on Blender 4.4 and later, easing by…Blender · MITA camera moveanimationKeyframe animation rules: walk, run and idle cycles with frame counts, mechanical motion by constraints (hinges, pistons, gears on…Blender · MITA camera movecamera-cinematographyShot-making: a lens table by feel (18 to 28 mm wide, 35 to 50 story and product, 85 to 135 hero), a composition checklist, five camera…Blender · MITA camera moveWind swaySways grass cards, flags or cables in the vertex shader, anchored at the base, with each instance of an InstancedMesh out of phase by its…three.js · MITA camera moveTweenManager and three easingsA 40-line tween runner with easeInQuad, easeOutCubic and easeOutBack (the one that overshoots), advanced by a delta you pass in. No…three.js · MITA camera moveTrauma-based screenshakeCamera shake where shake equals trauma squared, trauma decays 1.4 per second and is capped at 1, and the noise comes from accumulated time…three.js · MITA camera moveSquash and stretchDeform on impact and bounce back with easeOutBack, keeping volume: when one axis scales by s the other two scale by 1 / sqrt(s). About 0.9…three.js · MITA camera moveCamera kick and FOV punchAdd 4 to 8 degrees of field of view on a boost or a hit and let it decay with a 0.2 s time constant; remember updateProjectionMatrix()…three.js · MITA camera movePickup popA collected thing scales up to 1.6, rises and fades over 0.28 s, with a 120 ms scale punch on its counter. A good recipe for a number or an…three.js · MITA camera moveCameraRig.tsA follow camera at a fixed offset that eases toward its target with an exponential lag (1 - exp(-dt / lag)) and looks slightly ahead of it…three.js · MITA camera movereact/live.tsxClient hooks for calm motion: useLoop (a requestAnimationFrame loop that hands your tick a delta and stops when nothing moves), useEased…Tool · MITA camera movecamera-orbit-follow.jsOrbit camera with damping, named views, a 0.9 s focus tween and a follow mode that yields when the user takes over. rig.update(dt) returns…three.js · MITA camera move