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 511 of 2,295Show everything
From HyperFrames
No preview yet · 483
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…Canopy Part Titlethree.js · Link onlyLeaves sweep through the frame and part to reveal the headline. Idea only: The repo's CREDITS.md says the origin of its two leaf textures…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 3D Extrudethree.js · Apache-2.0Syntax-highlighted code on a lit, beveled 3D slab that rotates through real space and settles to a readable rest — true WebGL depth and…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 Particle Assemblethree.js · Apache-2.0Thousands of GPU points scatter through space and fly to the exact glyph pixels of the code, resolving into readable syntax-highlighted…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 Shader Dissolvethree.js · Apache-2.0The code compiles into existence: a GPU fragment shader resolves it out of seeded noise with a chromatic dissolve front and edge glow, then…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…Cuboid Carouselthree.js · Apache-2.0A chain of bevelled cuboids rides a traveling wave as a content carousel.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.Exploded Stackthree.js · Apache-2.0Isometric layer plates explode apart with a label beside each layer, hold, then collapse back into one stack. Built for architecture and…