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…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).Freeze-Frame DressingHTML · Apache-2.0Timeline-driven paper, tape, and flash dressing for a freeze-frame or background-removed subject.FrostHTML · Apache-2.0A frozen blue orb with frost creeping in from its edge, on black. A WebGPU shader from the Shaders library (shaders.com, MIT).Frost Sequence Camera Orbitthree.js · Link onlyAn orbiting camera follows an ice logo as it breaks apart, reforms into two text moments, and fades. Idea only: The repo's CREDITS.md says…Gabor NoiseHTML · Apache-2.0Gray streaky noise drifts across the frame like a moving fingerprint. A WebGPU shader from the Shaders library (shaders.com, MIT).Gallery Tunnelthree.js · Apache-2.0An infinite corridor of panels: a square tunnel receding to a vanishing point, its floor, ceiling and walls tiled with saturated color…Glass Herothree.js · Apache-2.0A solid glass object rises in front of a giant headline and keeps turning, so the type bends and splits into color through it.Glass Shard Titlethree.js · Link onlyGlass shards fly in through fog and tile themselves into the headline. Idea only: The repo's CREDITS.md says the origin of its matcap image…GlitchHTML · Apache-2.0Demo card for the glitch shader transition: two flat-color sample scenes blended by the shader, beside a label panel. The card is not a…GodraysHTML · Apache-2.0Rays of light fan out from a corner and drift across a deep blue field. A WebGPU shader from the Shaders library (shaders.com, MIT).GooHTML · Apache-2.0A glossy green liquid ball whose surface bulges and ripples like wet goo, centerd on black. A WebGPU shader from the Shaders library…Gravitational LensHTML · Apache-2.0Demo card for the gravitational-lens shader transition: two flat-color sample scenes blended by the shader, beside a label panel. The card…Halftone FieldHTML · Apache-2.0A full-bleed halftone light field: a grid of dots whose size and color track a slow flowing simplex-noise field, so broad bands of light…HeatmapHTML · Apache-2.0Thermal colors flow through a glowing orb, on black. A WebGPU shader from the Shaders library (shaders.com, MIT).HeyGen Avatar Promo CardHTML · Link onlyA portrait HeyGen offer card pairs a moving avatar mosaic with bold promotional typography and a branded callout. Credited to HeyGen. Idea…HologramHTML · Apache-2.0A pale blue holographic orb with scan rings and flicker, on black. A WebGPU shader from the Shaders library (shaders.com, MIT).HolographicHTML · Apache-2.0An iridescent foil orb with a shifting rainbow sheen, centerd on black. A WebGPU shader from the Shaders library (shaders.com, MIT).Sketched FrameHTML · Apache-2.0Media in a hand-drawn border with corner doodles and a handwritten caption; the unit tilts slightly and boils (images inside the block…Text Along a PathHTML · Apache-2.0Handwriting flowing along any SVG path with a per-character reveal; the path is the only geometry input.Hand-Drawn FlowchartHTML · Apache-2.0Wobbled boxes with handwritten labels joined by curved connectors, drawing on in sequence from a node list.Scribble TransitionHTML · Apache-2.0Overlay transition: scribble bands accumulate to cover the frame with a solid backstop, the host cuts beneath, and the scribble clears.Speech BubbleHTML · Apache-2.0Hand-drawn speech bubble with a positionable tail: outline draws on, paper fill fades in, handwritten text types per character; boils.Handwritten TitleHTML · Apache-2.0Handwritten display text with a scalar-driven word-by-word highlight sweep and a seeded squiggle underline sized to the text; boils.Handwritten Write-On TitleHTML · Apache-2.0True glyph write-on: filled Caveat letterforms revealed by baked per-glyph centerline strokes traced in real stroke order with a…Instagram FollowHTML · Apache-2.0Animated Instagram follow overlay with profile card and follow button. Copies the look of Instagram; that brand is theirs.iOS 26 Liquid Glass Home Screenthree.js · Apache-2.03D iPhone with a normal iOS 26 home screen, liquid glass app icons, shader wallpaper, dock, and fluid glass notifications that drop from…Lens FlareHTML · Apache-2.0A camera lens flare: a bright star burst and a faint rainbow halo that slowly shimmer on black. A WebGPU shader from the Shaders library…Light EdgeHTML · Apache-2.0Purple and cyan light races around the edge of an orb on black. A WebGPU shader from the Shaders library (shaders.com, MIT).Light LeakHTML · Apache-2.0Demo card for the light-leak shader transition: two flat-color sample scenes blended by the shader, beside a label panel. The card is not a…Liquid Glass Notificationthree.js · Apache-2.0Frosted glass notification cards floating over an aurora shader background. The repo marks it experimental.Liquid Glass Widgetsthree.js · Apache-2.0Frosted glass stat cards, showcase panel and pill chips over an aurora shader background. The repo marks it experimental.Liquid MetalHTML · Apache-2.0A chrome sphere ripples and flows like molten metal on black. A WebGPU shader from the Shaders library (shaders.com, MIT).Logo OutroHTML · Apache-2.0Cinematic logo reveal with piece-by-piece assembly, glow bloom, tagline fade-in, and URL pill.Lottie Character WalkHTML · Apache-2.0A jointed flat character walks in on planted feet, stops and points at a card; the body acting is a Lottie file and the stage is GSAP. Item…macOS NotificationHTML · Apache-2.0Animated macOS-style notification banner with app icon and message. Copies the look of macOS; that brand is theirs.macOS Tahoe Liquid Glass Desktopthree.js · Apache-2.03D MacBook with a macOS Tahoe-style desktop, glass menu bar, Finder window, dock, and cinematic device camera move. The repo marks it…MarbleHTML · Apache-2.0Ink-dark veins wind through white in a marbled pattern that slowly shifts. A WebGPU shader from the Shaders library (shaders.com, MIT).Mesh GradientHTML · Apache-2.0Soft coral, orange and violet fields blend and drift in a mesh gradient. A WebGPU shader from the Shaders library (shaders.com, MIT).Message Thread RevealHTML · Apache-2.0A full text conversation plays out on a phone - bubbles popping in, typing indicators, a shared link card, emoji, delivered receipts - with…Minimal Gradient BackgroundHTML · Apache-2.0Procedural soft-blob gradient backdrop in a minimalist presentation style: two radial blobs drifting over a base color, with an animatable…Word-Sweep HighlightHTML · Apache-2.0A sentence whose word-by-word emphasis is driven by a single scalar — tween it to sync the highlight with a voiceover.Text Clone Wall TransitionHTML · Apache-2.0Overlay transition: a tiled word wall covers the frame, inverts via difference blending, and clears — hard-cut the content beneath while…Minimal Line GraphHTML · Apache-2.0One or two SVG series draw on with dots popping and value labels riding the draw front; dim baseline axis, x-labels, color-dot legend.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…Count-Up Stat CardHTML · Apache-2.0Big-numeral statistic with count-up, label, thin progress track filling to value/max, and caption; light and dark schemes.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.NebulaHTML · Apache-2.0A small world of pink and blue gas swirls inside a sphere on black. A WebGPU shader from the Shaders library (shaders.com, MIT).North Korea Locked DownHTML · Apache-2.0Realistic map zoom into North Korea with a red scribble circle, locked-down pop-up label, and reddish editorial wash. Credited to Stronkter.Notes RevealHTML · Apache-2.0A personal note is typed character by character in a notes app - caret riding every letter, the page scrolling up on measured settle curves…Notification CascadeHTML · Apache-2.0Phone notifications land one after another and stack up the screen, each banner pushing the pile down as it arrives, before the whole stack…NYC Paris FlightHTML · Apache-2.0Apple-style realistic map animation with a plane flying from New York to Paris, marker circle, landing pop, and sound effects. Credited to…ObsidianHTML · Apache-2.0A dark glass orb catches pink and cyan iridescent light on black. A WebGPU shader from the Shaders library (shaders.com, MIT).Orbit Cardthree.js · Apache-2.0A single feature card orbits a dot sphere on approved Blender camera motion.Organic Light Leak OverlayHTML · Apache-2.0Finite CSS light-leak overlay for memory beats and motivated transitions.Oscilloscope TraceHTML · Apache-2.0CRT oscilloscope beam sweeping a waveform across a 10x8 graticule, with closed-form phosphor persistence: the tail decays as exp(-age/tau)…