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 63 of 2,295Show everything
No preview yet · 53
Circle Carousel 1HTML · Apache-2.0Image cards ride a circle with a size gradient by depth angle, sweeping in fast-slow-fast swings (Circle style 1); 12 image slots. Credited…Circle Carousel 2HTML · Apache-2.0Image cards ride a circle with a size gradient by depth angle, sweeping in fast-slow-fast swings (Circle style 2); 12 image slots. Credited…Circle Carousel 3HTML · Apache-2.0Image cards ride a circle with a size gradient by depth angle, sweeping in fast-slow-fast swings (Circle style 3); 12 image slots. Credited…Circle Carousel 4HTML · Apache-2.0Image cards ride a circle with a size gradient by depth angle, sweeping in fast-slow-fast swings (Circle style 4); 12 image slots. Credited…Circle Carousel 5HTML · Apache-2.0Image cards ride a circle with a size gradient by depth angle, sweeping in fast-slow-fast swings (Circle style 5); 12 image slots. Credited…Orbit Carousel 1HTML · Apache-2.0Image cards on a spinning 3D Fibonacci sphere, billboarded to the camera, sized by camera distance (Orbit style 1); 24 image slots…Orbit Carousel 2HTML · Apache-2.0Image cards on a spinning 3D Fibonacci sphere, billboarded to the camera, sized by camera distance (Orbit style 2); 24 image slots…Orbit Carousel 3HTML · Apache-2.0Image cards on a spinning 3D Fibonacci sphere, billboarded to the camera, sized by camera distance (Orbit style 3); 24 image slots…Orbit Carousel 4HTML · Apache-2.0Image cards on a spinning 3D Fibonacci sphere, billboarded to the camera, sized by camera distance (Orbit style 4); 24 image slots…Orbit Carousel 5HTML · Apache-2.0Image cards on a spinning 3D Fibonacci sphere, billboarded to the camera, sized by camera distance (Orbit style 5); 24 image slots…Path Carousel 1HTML · Apache-2.0Image cards ride an open bezier path (arc, V, diagonal, wave, S-curve) with depth scaling and tangent rotation (Path style 1); 24 image…Path Carousel 2HTML · Apache-2.0Image cards ride an open bezier path (arc, V, diagonal, wave, S-curve) with depth scaling and tangent rotation (Path style 2); 12 image…Path Carousel 3HTML · Apache-2.0Image cards ride an open bezier path (arc, V, diagonal, wave, S-curve) with depth scaling and tangent rotation (Path style 3); 12 image…Path Carousel 4HTML · Apache-2.0Image cards ride an open bezier path (arc, V, diagonal, wave, S-curve) with depth scaling and tangent rotation (Path style 4); 24 image…Path Carousel 5HTML · Apache-2.0Image cards ride an open bezier path (arc, V, diagonal, wave, S-curve) with depth scaling and tangent rotation (Path style 5); 24 image…Vision Carousel 1HTML · Apache-2.0A 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…Vision Carousel 2HTML · Apache-2.0A 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…Vision Carousel 3HTML · Apache-2.0A 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…Vision Carousel 4HTML · Apache-2.0A 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…Vision Carousel 5HTML · Apache-2.0A 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…Cuboid Carouselthree.js · Apache-2.0A chain of bevelled cuboids rides a traveling wave as a content carousel.Rounded Media GridHTML · Apache-2.0N-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…Specs ChecklistHTML · Apache-2.0Left-aligned specs/traits checklist over footage or a board: rows slide in staggered with an accent underline sweep; light and dark schemes.Beat TimelineHTML · Apache-2.0A paused master-timeline orchestration spine that pins titled beat rows to evenly spaced named labels. Each row enters on its label, holds…Constellation HubHTML · Apache-2.0Feature nodes brighten in narration order as real-length SVG connectors draw outward from a fixed central hub, then settle into one lockup.Grid Card AssembleHTML · Apache-2.0N capability cards (thin-line icon that draws on, mono label, optional muted body) stagger-assemble into a grid or vertical list with a…Keyframe Scrub StackHTML · Apache-2.0A keyframe-sequenced stack of cards with offset timing and easing presets. Paste-in snippet: it registers no timeline, you wire it into…Locked Nucleus OrbitHTML · Apache-2.0A fixed center nucleus anchors deterministic satellite orbits that settle into a composed lockup.Marker Checklist CardHTML · Apache-2.0A hand-lettered paper card: marker headline with an underline and a drawn ellipse around one word, then three checklist rows whose checks…Radial SurroundHTML · Apache-2.0Labeled hairline chips assemble around a centered subject on an elliptical ring, then optionally converge inward with a subtle edge dim…Screen Flow CarouselHTML · Apache-2.0Two to five app screens ride a horizontal rail: one primary at center, neighbors receded, advancing on cues with a velocity-matched throw…SeparatorHTML · Apache-2.0A one-pixel structural separator with horizontal and vertical variants plus a seek-safe progress reveal. Paste-in snippet: it registers no…Spring Stack ShuffleHTML · Apache-2.0A 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…Stagger CascadeHTML · Apache-2.0A responsive grid of tile cards that fades and travels into place with an evenly spaced per-item GSAP stagger. The ordered cascade is the…Stagger LatticeHTML · Apache-2.0A staggered grid reveal inspired by Anime.js v4 stagger utilities, implemented with GSAP for HyperFrames. Paste-in snippet: it registers no…State Chip RailHTML · Apache-2.0A 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…Sticky Mock SwapHTML · Apache-2.0A pinned product mock cross-fades through accent-tinted feature states while matching captions rise, hold, and exit beside it.Velocity Throw SnapHTML · Apache-2.0A five-shot rail whips past on a fast decaying curve, then overshoots and snaps the selected hero shot exactly to center.hyperframes-registryHTML · Link onlyInstalling ready-made HyperFrames blocks and components into a composition. Copy of HeyGen's skill.tailwind-design-systemSkill · Link onlyBuilding design systems with Tailwind CSS v4: tokens, component libraries, responsive patterns.vercel-composition-patternsSkill · Link onlyReact component composition patterns from Vercel. Front matter says MIT.assemble-then-type-flyinShot recipe · Apache-2.0Textless component shells fly in from every direction onto an empty dark grid, then every character arrives from 3D space with its own…scanline-assemble-flyinShot recipe · Apache-2.0The page starts as an empty dark grid; a scanline descends and each component flies in from off-screen to snap into place behind it, with…panel-grid-movesShot recipe · Apache-2.0An angled comic-panel split that cuts one moment into three framings before resolving to a poster.quad-split-parallel-scenesShot recipe · Apache-2.0The frame hard-cuts into a 2×2 grid where four micro-scenes run in parallel — typing, a whip zoom, word pops, and a cursor interaction…title-demote-to-labelShot recipe · Apache-2.0A centered headline stands for a beat, then shrinks and slides to the top-left corner to become a section label as content grows beneath it.card-stackShot recipe · Apache-2.0Eight cards spring up from below the frame one after another and pile into a single stack, then the whole pile fans out into a 3D arc as…carousel-3dShot recipe · Apache-2.0Eight cards sit on a circular ring laid out with sin and cos, spinning through exactly one full revolution while each card billboards…integration-hub-mapShot recipe · Apache-2.0A page flips 180 degrees into an integration hub where five app icons pop in together and rainbow light tubes connect with pulses flowing…product-card-progressive-assembleShot recipe · Apache-2.0A product card builds itself field by field as image, title and pills pop in, the old price gets struck through while an accent new price…Motion.tsx (480x270 design stage)Remotion · Apache-2.0A DesignStage that scales a 480x270 design grid to the frame, plus an ease table and seg/lerp/rand helpers. 14 older demo files use it.threejs-game-ui-designerthree.js · MITHow to design a game's HUD, menus and touch controls as game interface, not a web dashboard: hierarchy (status, objective, feedback…village-layout.jsthree.js · MITPlans a village from a seed: lanes, building plots that face the nearest lane without overlapping, and scatter zones for the gaps. The same…