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 426 of 2,295Show everything
From HyperFrames
No preview yet · 400
AI Answer RankHTML · Apache-2.0Is your brand in the AI answer? A question types into a chat card, the assistant answers with a ranked list of three picks, then re-ranks…AI Chat RevealHTML · Apache-2.0A question is typed on a rising keyboard, sent, and answered by an AI that streams its reply word by word on a measured token rhythm -…App ShowcaseHTML · Apache-2.0Fitness app product showcase with three floating smartphone screens.Apple Money CountHTML · Apache-2.0Apple-style finance counter that counts from $0 to $10,000, flashes green, and bursts money icons with sound. Credited to Stronkter.Bar Chart RaceHTML · Apache-2.0Ranked bars grow and overtake each other as a time series advances, with the axis rescaling as values climb and the accent handing over to…Beat Freeze CutHTML · Apache-2.0A beat-driven speed ramp, freeze-frame hit, and hard-cut sequence for music-led promos and montages.BlobHTML · Apache-2.0A soft coral and pink blob with a warm highlight slowly changes shape on black. A WebGPU shader from the Shaders library (shaders.com, MIT).Blue Sweater Intro VideoHTML · Link onlyWarm AI creator intro sequence that resolves into an X follow card for @_blue_sweater_. Credited to Joe Sai. Idea only: It is a named…Camcorder HUDHTML · Apache-2.0Responsive REC, battery, editable date placeholder, and timeline-driven counter overlay for creator-camera and camcorder treatments.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…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…Text + Circle Carousel 1HTML · Apache-2.0A headline mask-reveals word by word while a circle carousel converges from off-frame and threads the line, collapses to center, hard-cuts…Text + Circle Carousel 2HTML · Apache-2.0A headline mask-reveals word by word while a circle carousel converges from off-frame and threads the line, collapses to center, hard-cuts…Text + Circle Carousel 3HTML · Apache-2.0A headline mask-reveals word by word while a circle carousel converges from off-frame and threads the line, collapses to center, hard-cuts…Text + Circle Carousel 4HTML · Apache-2.0A headline mask-reveals word by word while a circle carousel converges from off-frame and threads the line, collapses to center, hard-cuts…Text + Circle Carousel 5HTML · Apache-2.0A headline mask-reveals word by word while a circle carousel converges from off-frame and threads the line, collapses to center, hard-cuts…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…ChatGPT ExchangeHTML · Apache-2.0A portrait ChatGPT-style exchange types and sends a prompt, streams an answer, assembles a comparison table, and scrolls back through the…Chromatic Radial SplitHTML · Apache-2.0Demo card for the chromatic-split shader transition: two flat-color sample scenes blended by the shader, beside a label panel. The card is…Chrome OrbHTML · Apache-2.0A mirror-chrome orb reflects a bright studio light, on black. A WebGPU shader from the Shaders library (shaders.com, MIT).CinemagraphHTML · Apache-2.0A still photograph with one living region: the frame is frozen while a single feathered window keeps moving - here, steam rising over a cup…Cinematic ZoomHTML · Apache-2.0Demo card for the cinematic-zoom shader transition: two flat-color sample scenes blended by the shader, beside a label panel. The card is…Claude ExchangeHTML · Apache-2.0A portrait Claude-style exchange types a prompt, works through search and reasoning steps, then streams a detailed answer with citations…Code Highlight SweepHTML · Apache-2.0A highlight band sweeps across a target line while the surrounding context dims — draws the eye to one line.Code MorphHTML · Apache-2.0One snippet transforms into another — tokens glide between positions, leavers fade out, enterers fade in. Shiki Magic Move re-driven as a…Code Scroll To LineHTML · Apache-2.0The camera scrolls a long file to bring a target line to center and spotlights it — for walking through real modules.Code Slice HeroHTML · Apache-2.0A tiled headline surface flips cell by cell under a sweeping depth field to reveal the rear headline.Code Snippet - Apple Terminal ProHTML · Apache-2.0Apple Terminal Pro profile: black background with gray text and lime green cursor, per-character typing animation of a shell session…Code Snippet - Dark 2026HTML · Apache-2.0VS Code workbench with per-character typing animation in the Dark 2026 theme. Full editor chrome with activity bar, sidebar, tabs…Code Snippet - Dark ModernHTML · Apache-2.0VS Code workbench with per-character typing animation in the Dark Modern theme. Full editor chrome with activity bar, sidebar, tabs…Code TypingHTML · Apache-2.0Token-streamed typing reveal with a caret that tracks the frontier — deterministic, no CSS animation.Color WheelHTML · Apache-2.0A wide gradient slides slowly through the colors of the rainbow. A WebGPU shader from the Shaders library (shaders.com, MIT).Cosmic OrbHTML · Apache-2.0An iridescent soap-bubble planet: a slowly spinning sphere of nebula bands, dust lanes and twinkling stars wrapped in a refracting glass…Cross Warp MorphHTML · Apache-2.0Demo card for the cross-warp-morph shader transition: two flat-color sample scenes blended by the shader, beside a label panel. The card is…Domain Warp DissolveHTML · Apache-2.0Demo card for the domain-warp shader transition: two flat-color sample scenes blended by the shader, beside a label panel. The card is not…Editorial Flash OverlayHTML · Apache-2.0Finite neutral-warm light layers for a seek-safe camera-flash cut or social reveal.Falling LinesHTML · Apache-2.0White lines fall down the frame at varied speeds, each fading into a trail. A WebGPU shader from the Shaders library (shaders.com, MIT).Flash Through WhiteHTML · Apache-2.0Demo card for the flash-through-white shader transition: two flat-color sample scenes blended by the shader, beside a label panel. The card…FlowchartHTML · Apache-2.0Animated decision tree with SVG connectors, sticky-note nodes, cursor interaction, and typing correction.Flowchart VerticalHTML · Apache-2.0Portrait animated decision tree with SVG connectors, sticky-note nodes, cursor interaction, and typing correction.Flowing GradientHTML · Apache-2.0Bands of orange and violet flow across the frame in a smooth gradient. A WebGPU shader from the Shaders library (shaders.com, MIT).Fractal NoiseHTML · Apache-2.0Soft gray fractal noise drifts across the frame like slow clouds. A WebGPU shader from the Shaders library (shaders.com, MIT).