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 37 of 2,295Show everything
From HyperFrames
In words · 37
Circle Carousel 1Image cards ride a circle with a size gradient by depth angle, sweeping in fast-slow-fast swings (Circle style 1); 12 image slots. Credited…HTML · Apache-2.0A picture layoutCircle Carousel 2Image cards ride a circle with a size gradient by depth angle, sweeping in fast-slow-fast swings (Circle style 2); 12 image slots. Credited…HTML · Apache-2.0A picture layoutCircle Carousel 3Image cards ride a circle with a size gradient by depth angle, sweeping in fast-slow-fast swings (Circle style 3); 12 image slots. Credited…HTML · Apache-2.0A picture layoutCircle Carousel 4Image cards ride a circle with a size gradient by depth angle, sweeping in fast-slow-fast swings (Circle style 4); 12 image slots. Credited…HTML · Apache-2.0A picture layoutCircle Carousel 5Image cards ride a circle with a size gradient by depth angle, sweeping in fast-slow-fast swings (Circle style 5); 12 image slots. Credited…HTML · Apache-2.0A picture layoutOrbit Carousel 1Image cards on a spinning 3D Fibonacci sphere, billboarded to the camera, sized by camera distance (Orbit style 1); 24 image slots…HTML · Apache-2.0A picture layoutOrbit Carousel 2Image cards on a spinning 3D Fibonacci sphere, billboarded to the camera, sized by camera distance (Orbit style 2); 24 image slots…HTML · Apache-2.0A picture layoutOrbit Carousel 3Image cards on a spinning 3D Fibonacci sphere, billboarded to the camera, sized by camera distance (Orbit style 3); 24 image slots…HTML · Apache-2.0A picture layoutOrbit Carousel 4Image cards on a spinning 3D Fibonacci sphere, billboarded to the camera, sized by camera distance (Orbit style 4); 24 image slots…HTML · Apache-2.0A picture layoutOrbit Carousel 5Image cards on a spinning 3D Fibonacci sphere, billboarded to the camera, sized by camera distance (Orbit style 5); 24 image slots…HTML · Apache-2.0A picture layoutPath Carousel 1Image cards ride an open bezier path (arc, V, diagonal, wave, S-curve) with depth scaling and tangent rotation (Path style 1); 24 image…HTML · Apache-2.0A picture layoutPath Carousel 2Image cards ride an open bezier path (arc, V, diagonal, wave, S-curve) with depth scaling and tangent rotation (Path style 2); 12 image…HTML · Apache-2.0A picture layoutPath Carousel 3Image cards ride an open bezier path (arc, V, diagonal, wave, S-curve) with depth scaling and tangent rotation (Path style 3); 12 image…HTML · Apache-2.0A picture layoutPath Carousel 4Image cards ride an open bezier path (arc, V, diagonal, wave, S-curve) with depth scaling and tangent rotation (Path style 4); 24 image…HTML · Apache-2.0A picture layoutPath Carousel 5Image cards ride an open bezier path (arc, V, diagonal, wave, S-curve) with depth scaling and tangent rotation (Path style 5); 24 image…HTML · Apache-2.0A picture layoutVision Carousel 1A ring of large image cards tilted into a row under a 3D camera, each card turning toward the center (Vision style 1); 12 image slots…HTML · Apache-2.0A picture layoutVision Carousel 2A ring of large image cards tilted into a row under a 3D camera, each card turning toward the center (Vision style 2); 12 image slots…HTML · Apache-2.0A picture layoutVision Carousel 3A ring of large image cards tilted into a row under a 3D camera, each card turning toward the center (Vision style 3); 12 image slots…HTML · Apache-2.0A picture layoutVision Carousel 4A ring of large image cards tilted into a row under a 3D camera, each card turning toward the center (Vision style 4); 12 image slots…HTML · Apache-2.0A picture layoutVision Carousel 5A ring of large image cards tilted into a row under a 3D camera, each card turning toward the center (Vision style 5); 12 image slots…HTML · Apache-2.0A picture layoutRounded Media GridN-up rounded-corner media grid (2-up, 3-up, 4-up, 3x2, hero plus two): per-cell inside-scale framing, staggered box-in entrance, slow…HTML · Apache-2.0A picture layoutSpecs ChecklistLeft-aligned specs/traits checklist over footage or a board: rows slide in staggered with an accent underline sweep; light and dark schemes.HTML · Apache-2.0A picture layoutBeat TimelineA paused master-timeline orchestration spine that pins titled beat rows to evenly spaced named labels. Each row enters on its label, holds…HTML · Apache-2.0A picture layoutConstellation HubFeature nodes brighten in narration order as real-length SVG connectors draw outward from a fixed central hub, then settle into one lockup.HTML · Apache-2.0A picture layoutGrid Card AssembleN capability cards (thin-line icon that draws on, mono label, optional muted body) stagger-assemble into a grid or vertical list with a…HTML · Apache-2.0A picture layoutKeyframe Scrub StackA keyframe-sequenced stack of cards with offset timing and easing presets. Paste-in snippet: it registers no timeline, you wire it into…HTML · Apache-2.0A picture layoutLocked Nucleus OrbitA fixed center nucleus anchors deterministic satellite orbits that settle into a composed lockup.HTML · Apache-2.0A picture layoutMarker Checklist CardA hand-lettered paper card: marker headline with an underline and a drawn ellipse around one word, then three checklist rows whose checks…HTML · Apache-2.0A picture layoutRadial SurroundLabeled hairline chips assemble around a centered subject on an elliptical ring, then optionally converge inward with a subtle edge dim…HTML · Apache-2.0A picture layoutScreen Flow CarouselTwo to five app screens ride a horizontal rail: one primary at center, neighbors receded, advancing on cues with a velocity-matched throw…HTML · Apache-2.0A picture layoutSeparatorA one-pixel structural separator with horizontal and vertical variants plus a seek-safe progress reveal. Paste-in snippet: it registers no…HTML · Apache-2.0A picture layoutSpring Stack ShuffleA stack of 3 to 5 slotted cards reshuffles on cues: the back card throws over the top and lands at the front with real mass, the rest…HTML · Apache-2.0A picture layoutStagger CascadeA responsive grid of tile cards that fades and travels into place with an evenly spaced per-item GSAP stagger. The ordered cascade is the…HTML · Apache-2.0A picture layoutStagger LatticeA staggered grid reveal inspired by Anime.js v4 stagger utilities, implemented with GSAP for HyperFrames. Paste-in snippet: it registers no…HTML · Apache-2.0A picture layoutState Chip RailA rail of mono status chips advances a seek-safe data-state snap machine on a cue schedule: active chip ink on surface, done chips dim…HTML · Apache-2.0A picture layoutSticky Mock SwapA pinned product mock cross-fades through accent-tinted feature states while matching captions rise, hold, and exit beside it.HTML · Apache-2.0A picture layoutVelocity Throw SnapA five-shot rail whips past on a fast decaying curve, then overshoots and snaps the selected hero shot exactly to center.HTML · Apache-2.0A picture layout