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
In words · 483
AI Answer RankIs 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…HTML · Apache-2.0A whole sceneAI Chat RevealA 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 -…HTML · Apache-2.0A whole sceneApp ShowcaseFitness app product showcase with three floating smartphone screens.HTML · Apache-2.0A whole sceneApple Money CountApple-style finance counter that counts from $0 to $10,000, flashes green, and bursts money icons with sound. Credited to Stronkter.HTML · Apache-2.0A number or a chartBar Chart RaceRanked bars grow and overtake each other as a time series advances, with the axis rescaling as values climb and the accent handing over to…HTML · Apache-2.0A number or a chartBeat Freeze CutA beat-driven speed ramp, freeze-frame hit, and hard-cut sequence for music-led promos and montages.HTML · Apache-2.0A cut between two picturesBlobA soft coral and pink blob with a warm highlight slowly changes shape on black. A WebGPU shader from the Shaders library (shaders.com, MIT).HTML · Apache-2.0A background that movesBlue Sweater Intro VideoWarm AI creator intro sequence that resolves into an X follow card for @_blue_sweater_. Credited to Joe Sai. Idea only: It is a named…HTML · Link onlyA whole sceneCamcorder HUDResponsive REC, battery, editable date placeholder, and timeline-driven counter overlay for creator-camera and camcorder treatments.HTML · Apache-2.0Dolly Zoom (Vertigo Shot)Camera tracks toward or away from the subject while the field of view changes the opposite way, so the subject holds its frame size while…HTML · Apache-2.0A camera moveCanopy Part TitleLeaves 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…three.js · Link onlyA titleCircle 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 layoutText + Circle Carousel 1A headline mask-reveals word by word while a circle carousel converges from off-frame and threads the line, collapses to center, hard-cuts…HTML · Apache-2.0A titleText + Circle Carousel 2A headline mask-reveals word by word while a circle carousel converges from off-frame and threads the line, collapses to center, hard-cuts…HTML · Apache-2.0A titleText + Circle Carousel 3A headline mask-reveals word by word while a circle carousel converges from off-frame and threads the line, collapses to center, hard-cuts…HTML · Apache-2.0A titleText + Circle Carousel 4A headline mask-reveals word by word while a circle carousel converges from off-frame and threads the line, collapses to center, hard-cuts…HTML · Apache-2.0A titleText + Circle Carousel 5A headline mask-reveals word by word while a circle carousel converges from off-frame and threads the line, collapses to center, hard-cuts…HTML · Apache-2.0A titleVision 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 layoutChatGPT ExchangeA portrait ChatGPT-style exchange types and sends a prompt, streams an answer, assembles a comparison table, and scrolls back through the…HTML · Apache-2.0A whole sceneChromatic Radial SplitDemo card for the chromatic-split shader transition: two flat-color sample scenes blended by the shader, beside a label panel. The card is…HTML · Apache-2.0A cut between two picturesChrome OrbA mirror-chrome orb reflects a bright studio light, on black. A WebGPU shader from the Shaders library (shaders.com, MIT).HTML · Apache-2.0CinemagraphA still photograph with one living region: the frame is frozen while a single feathered window keeps moving - here, steam rising over a cup…HTML · Apache-2.0Cinematic ZoomDemo card for the cinematic-zoom shader transition: two flat-color sample scenes blended by the shader, beside a label panel. The card is…HTML · Apache-2.0A cut between two picturesClaude ExchangeA portrait Claude-style exchange types a prompt, works through search and reasoning steps, then streams a detailed answer with citations…HTML · Apache-2.0A whole sceneCode 3D ExtrudeSyntax-highlighted code on a lit, beveled 3D slab that rotates through real space and settles to a readable rest — true WebGL depth and…three.js · Apache-2.0Code on screenCode Highlight SweepA highlight band sweeps across a target line while the surrounding context dims — draws the eye to one line.HTML · Apache-2.0Code on screenCode MorphOne snippet transforms into another — tokens glide between positions, leavers fade out, enterers fade in. Shiki Magic Move re-driven as a…HTML · Apache-2.0Code on screenCode Particle AssembleThousands of GPU points scatter through space and fly to the exact glyph pixels of the code, resolving into readable syntax-highlighted…three.js · Apache-2.0Code on screenCode Scroll To LineThe camera scrolls a long file to bring a target line to center and spotlights it — for walking through real modules.HTML · Apache-2.0Code on screenCode Shader DissolveThe code compiles into existence: a GPU fragment shader resolves it out of seeded noise with a chromatic dissolve front and edge glow, then…three.js · Apache-2.0Code on screenCode Slice HeroA tiled headline surface flips cell by cell under a sweeping depth field to reveal the rear headline.HTML · Apache-2.0A titleCode Snippet - Apple Terminal ProApple Terminal Pro profile: black background with gray text and lime green cursor, per-character typing animation of a shell session…HTML · Apache-2.0Code on screenCode Snippet - Dark 2026VS Code workbench with per-character typing animation in the Dark 2026 theme. Full editor chrome with activity bar, sidebar, tabs…HTML · Apache-2.0Code on screenCode Snippet - Dark ModernVS Code workbench with per-character typing animation in the Dark Modern theme. Full editor chrome with activity bar, sidebar, tabs…HTML · Apache-2.0Code on screenCode TypingToken-streamed typing reveal with a caret that tracks the frontier — deterministic, no CSS animation.HTML · Apache-2.0Code on screenColor WheelA wide gradient slides slowly through the colors of the rainbow. A WebGPU shader from the Shaders library (shaders.com, MIT).HTML · Apache-2.0A background that movesCosmic OrbAn iridescent soap-bubble planet: a slowly spinning sphere of nebula bands, dust lanes and twinkling stars wrapped in a refracting glass…HTML · Apache-2.0A background that movesCross Warp MorphDemo card for the cross-warp-morph shader transition: two flat-color sample scenes blended by the shader, beside a label panel. The card is…HTML · Apache-2.0A cut between two picturesCuboid CarouselA chain of bevelled cuboids rides a traveling wave as a content carousel.three.js · Apache-2.0A picture layoutDomain Warp DissolveDemo card for the domain-warp shader transition: two flat-color sample scenes blended by the shader, beside a label panel. The card is not…HTML · Apache-2.0A cut between two picturesEditorial Flash OverlayFinite neutral-warm light layers for a seek-safe camera-flash cut or social reveal.HTML · Apache-2.0Exploded StackIsometric layer plates explode apart with a label beside each layer, hold, then collapse back into one stack. Built for architecture and…three.js · Apache-2.0A map or a diagramFalling LinesWhite lines fall down the frame at varied speeds, each fading into a trail. A WebGPU shader from the Shaders library (shaders.com, MIT).HTML · Apache-2.0A background that movesFlash Through WhiteDemo card for the flash-through-white shader transition: two flat-color sample scenes blended by the shader, beside a label panel. The card…HTML · Apache-2.0A cut between two picturesFlowchartAnimated decision tree with SVG connectors, sticky-note nodes, cursor interaction, and typing correction.HTML · Apache-2.0A map or a diagramFlowchart VerticalPortrait animated decision tree with SVG connectors, sticky-note nodes, cursor interaction, and typing correction.HTML · Apache-2.0A map or a diagramFlowing GradientBands of orange and violet flow across the frame in a smooth gradient. A WebGPU shader from the Shaders library (shaders.com, MIT).HTML · Apache-2.0A background that movesFractal NoiseSoft gray fractal noise drifts across the frame like slow clouds. A WebGPU shader from the Shaders library (shaders.com, MIT).HTML · Apache-2.0A background that movesFreeze-Frame DressingTimeline-driven paper, tape, and flash dressing for a freeze-frame or background-removed subject.HTML · Apache-2.0FrostA frozen blue orb with frost creeping in from its edge, on black. A WebGPU shader from the Shaders library (shaders.com, MIT).HTML · Apache-2.0Frost Sequence Camera OrbitAn 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…three.js · Link onlyA logo revealGabor NoiseGray streaky noise drifts across the frame like a moving fingerprint. A WebGPU shader from the Shaders library (shaders.com, MIT).HTML · Apache-2.0A background that movesGallery TunnelAn infinite corridor of panels: a square tunnel receding to a vanishing point, its floor, ceiling and walls tiled with saturated color…three.js · Apache-2.0A background that movesGlass HeroA solid glass object rises in front of a giant headline and keeps turning, so the type bends and splits into color through it.three.js · Apache-2.0A titleGlass Shard TitleGlass 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…three.js · Link onlyA titleGlitchDemo card for the glitch shader transition: two flat-color sample scenes blended by the shader, beside a label panel. The card is not a…HTML · Apache-2.0A cut between two picturesGodraysRays of light fan out from a corner and drift across a deep blue field. A WebGPU shader from the Shaders library (shaders.com, MIT).HTML · Apache-2.0A background that movesGooA glossy green liquid ball whose surface bulges and ripples like wet goo, centerd on black. A WebGPU shader from the Shaders library…HTML · Apache-2.0Gravitational LensDemo card for the gravitational-lens shader transition: two flat-color sample scenes blended by the shader, beside a label panel. The card…HTML · Apache-2.0A cut between two picturesHalftone FieldA 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…HTML · Apache-2.0A background that movesHeatmapThermal colors flow through a glowing orb, on black. A WebGPU shader from the Shaders library (shaders.com, MIT).HTML · Apache-2.0HeyGen Avatar Promo CardA portrait HeyGen offer card pairs a moving avatar mosaic with bold promotional typography and a branded callout. Credited to HeyGen. Idea…HTML · Link onlyA whole sceneHologramA pale blue holographic orb with scan rings and flicker, on black. A WebGPU shader from the Shaders library (shaders.com, MIT).HTML · Apache-2.0HolographicAn iridescent foil orb with a shifting rainbow sheen, centerd on black. A WebGPU shader from the Shaders library (shaders.com, MIT).HTML · Apache-2.0Sketched FrameMedia in a hand-drawn border with corner doodles and a handwritten caption; the unit tilts slightly and boils (images inside the block…HTML · Apache-2.0A laptop or window frameText Along a PathHandwriting flowing along any SVG path with a per-character reveal; the path is the only geometry input.HTML · Apache-2.0A titleHand-Drawn FlowchartWobbled boxes with handwritten labels joined by curved connectors, drawing on in sequence from a node list.HTML · Apache-2.0A map or a diagramScribble TransitionOverlay transition: scribble bands accumulate to cover the frame with a solid backstop, the host cuts beneath, and the scribble clears.HTML · Apache-2.0A cut between two picturesSpeech BubbleHand-drawn speech bubble with a positionable tail: outline draws on, paper fill fades in, handwritten text types per character; boils.HTML · Apache-2.0A calloutHandwritten TitleHandwritten display text with a scalar-driven word-by-word highlight sweep and a seeded squiggle underline sized to the text; boils.HTML · Apache-2.0A titleHandwritten Write-On TitleTrue glyph write-on: filled Caveat letterforms revealed by baked per-glyph centerline strokes traced in real stroke order with a…HTML · Apache-2.0A titleInstagram FollowAnimated Instagram follow overlay with profile card and follow button. Copies the look of Instagram; that brand is theirs.HTML · Apache-2.0iOS 26 Liquid Glass Home Screen3D iPhone with a normal iOS 26 home screen, liquid glass app icons, shader wallpaper, dock, and fluid glass notifications that drop from…three.js · Apache-2.03DLens FlareA camera lens flare: a bright star burst and a faint rainbow halo that slowly shimmer on black. A WebGPU shader from the Shaders library…HTML · Apache-2.0A background that movesLight EdgePurple and cyan light races around the edge of an orb on black. A WebGPU shader from the Shaders library (shaders.com, MIT).HTML · Apache-2.0Light LeakDemo 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…HTML · Apache-2.0A cut between two picturesLiquid Glass NotificationFrosted glass notification cards floating over an aurora shader background. The repo marks it experimental.three.js · Apache-2.0A whole sceneLiquid Glass WidgetsFrosted glass stat cards, showcase panel and pill chips over an aurora shader background. The repo marks it experimental.three.js · Apache-2.0A whole sceneLiquid MetalA chrome sphere ripples and flows like molten metal on black. A WebGPU shader from the Shaders library (shaders.com, MIT).HTML · Apache-2.0Logo OutroCinematic logo reveal with piece-by-piece assembly, glow bloom, tagline fade-in, and URL pill.HTML · Apache-2.0An end cardLottie Character WalkA 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…HTML · Apache-2.0A whole scenemacOS NotificationAnimated macOS-style notification banner with app icon and message. Copies the look of macOS; that brand is theirs.HTML · Apache-2.0macOS Tahoe Liquid Glass Desktop3D MacBook with a macOS Tahoe-style desktop, glass menu bar, Finder window, dock, and cinematic device camera move. The repo marks it…three.js · Apache-2.03DMarbleInk-dark veins wind through white in a marbled pattern that slowly shifts. A WebGPU shader from the Shaders library (shaders.com, MIT).HTML · Apache-2.0A background that movesMesh GradientSoft coral, orange and violet fields blend and drift in a mesh gradient. A WebGPU shader from the Shaders library (shaders.com, MIT).HTML · Apache-2.0A background that movesMessage Thread RevealA full text conversation plays out on a phone - bubbles popping in, typing indicators, a shared link card, emoji, delivered receipts - with…HTML · Apache-2.0A whole sceneMinimal Gradient BackgroundProcedural soft-blob gradient backdrop in a minimalist presentation style: two radial blobs drifting over a base color, with an animatable…HTML · Apache-2.0A background that movesWord-Sweep HighlightA sentence whose word-by-word emphasis is driven by a single scalar — tween it to sync the highlight with a voiceover.HTML · Apache-2.0CaptionsText Clone Wall TransitionOverlay transition: a tiled word wall covers the frame, inverts via difference blending, and clears — hard-cut the content beneath while…HTML · Apache-2.0A cut between two picturesMinimal Line GraphOne or two SVG series draw on with dots popping and value labels riding the draw front; dim baseline axis, x-labels, color-dot legend.HTML · Apache-2.0A number or a chartRounded 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 layoutCount-Up Stat CardBig-numeral statistic with count-up, label, thin progress track filling to value/max, and caption; light and dark schemes.HTML · Apache-2.0A number or a chartSpecs 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 layoutNebulaA small world of pink and blue gas swirls inside a sphere on black. A WebGPU shader from the Shaders library (shaders.com, MIT).HTML · Apache-2.0North Korea Locked DownRealistic map zoom into North Korea with a red scribble circle, locked-down pop-up label, and reddish editorial wash. Credited to Stronkter.HTML · Apache-2.0A map or a diagramNotes RevealA personal note is typed character by character in a notes app - caret riding every letter, the page scrolling up on measured settle curves…HTML · Apache-2.0A whole sceneNotification CascadePhone notifications land one after another and stack up the screen, each banner pushing the pile down as it arrives, before the whole stack…HTML · Apache-2.0A whole sceneNYC Paris FlightApple-style realistic map animation with a plane flying from New York to Paris, marker circle, landing pop, and sound effects. Credited to…HTML · Apache-2.0A map or a diagramObsidianA dark glass orb catches pink and cyan iridescent light on black. A WebGPU shader from the Shaders library (shaders.com, MIT).HTML · Apache-2.0Orbit CardA single feature card orbits a dot sphere on approved Blender camera motion.three.js · Apache-2.03DOrganic Light Leak OverlayFinite CSS light-leak overlay for memory beats and motivated transitions.HTML · Apache-2.0Oscilloscope TraceCRT oscilloscope beam sweeping a waveform across a 10x8 graticule, with closed-form phosphor persistence: the tail decays as exp(-age/tau)…HTML · Apache-2.0PlasmaDeep violet plasma folds and churns across the whole frame. A WebGPU shader from the Shaders library (shaders.com, MIT).HTML · Apache-2.0A background that movesPlasticA glossy white plastic orb with soft studio reflections, on black. A WebGPU shader from the Shaders library (shaders.com, MIT).HTML · Apache-2.0PrismA white beam of light splits into a slowly turning rainbow. A WebGPU shader from the Shaders library (shaders.com, MIT).HTML · Apache-2.0A background that movesProduct TurntableA product turns a full revolution on a studio plinth in a seamless loop. Drop in a GLB or glTF model, or keep the built-in drink can with…three.js · Apache-2.03DRack FocusA focus pull with real aperture bokeh: the focal plane travels from a near subject to a far one, so one resolves as the other blows into…HTML · Apache-2.0A camera moveReddit Post CardAnimated Reddit post card overlay with upvotes and comments. Copies the look of Reddit; that brand is theirs.HTML · Apache-2.0Ridged BurnDemo card for the ridged-burn shader transition: two flat-color sample scenes blended by the shader, beside a label panel. The card is not…HTML · Apache-2.0A cut between two picturesRipple WavesDemo card for the ripple-waves shader transition: two flat-color sample scenes blended by the shader, beside a label panel. The card is not…HTML · Apache-2.0A cut between two picturesRipplesConcentric rings ripple outward from the center, white on black. A WebGPU shader from the Shaders library (shaders.com, MIT).HTML · Apache-2.0A background that movesSDF IrisDemo card for the sdf-iris shader transition: two flat-color sample scenes blended by the shader, beside a label panel. The card is not a…HTML · Apache-2.0A cut between two picturesShare-Sheet CarouselA share sheet springs up from the bottom of the phone and cycles previews inside its card on a fast cut rhythm while the blurred ground…HTML · Apache-2.0A whole sceneSine WaveA glowing white sine wave travels across a black frame. A WebGPU shader from the Shaders library (shaders.com, MIT).HTML · Apache-2.0A background that movesSlack Notification AdA portrait lock screen fills with escalating Slack video requests before HeyGen delivers the payoff. Copies the look of Slack; that brand…HTML · Link onlyA whole sceneSnowSeek-safe falling-snow overlay: sparse or dense flakes drift down with size, speed and opacity correlated per flake for depth…HTML · Apache-2.0Spain MapAnimated Spain choropleth by autonomous community with staggered reveals and gradient legend — D3 conic conformal projection.HTML · Apache-2.0A map or a diagramSpiralA bold black and white spiral turns in the frame. A WebGPU shader from the Shaders library (shaders.com, MIT).HTML · Apache-2.0A background that movesSpiral GalaxyA spiral galaxy seen from outside, turning with real differential rotation: inner stars orbit faster than outer ones, so the arms wind up…three.js · Apache-2.0A background that movesSplit-Flap BoardSolari-style departure board: every cell walks its drum forward through the intervening characters of a fixed alphabet until it lands on…HTML · Apache-2.0A titleSpotify Now PlayingAnimated Spotify now-playing card with album art and progress bar. Copies the look of Spotify; that brand is theirs.HTML · Apache-2.0StarfieldSeek-safe night-sky overlay: sparse or dense stars in three size tiers that twinkle and drift in two parallax layers, radial-masked to keep…HTML · Apache-2.0StrandsThin ribbons of pink and blue light weave across a black field. A WebGPU shader from the Shaders library (shaders.com, MIT).HTML · Apache-2.0A background that movesStripesBold black and white diagonal stripes slide across the frame. A WebGPU shader from the Shaders library (shaders.com, MIT).HTML · Apache-2.0A background that movesSun BurstCream and black rays fan out from the center and slowly turn. A WebGPU shader from the Shaders library (shaders.com, MIT).HTML · Apache-2.0A background that movesSwirlOrange and blue color fields swirl and flow into each other across the whole frame. A WebGPU shader from the Shaders library (shaders.com…HTML · Apache-2.0A background that movesSwirl VortexDemo card for the swirl-vortex shader transition: two flat-color sample scenes blended by the shader, beside a label panel. The card is not…HTML · Apache-2.0A cut between two picturesThermal DistortionDemo card for the thermal-distortion shader transition: two flat-color sample scenes blended by the shader, beside a label panel. The card…HTML · Apache-2.0A cut between two picturesThin FilmAn orb's rim shimmers with soap-bubble iridescence on black. A WebGPU shader from the Shaders library (shaders.com, MIT).HTML · Apache-2.0Thread Message StackA source-owned editable conversation stack with arbitrary incoming and outgoing messages.HTML · Apache-2.0A whole sceneTikTok FollowAnimated TikTok follow overlay with profile card and follow button. Copies the look of TikTok; that brand is theirs.HTML · Apache-2.03D TransitionsShowcase of 3D perspective flip and rotate transitions. A reel of several transitions, not one drop-in: lift the one you want.HTML · Apache-2.0A cut between two picturesBlur TransitionsShowcase of blur-based transitions between scenes. A reel of several transitions, not one drop-in: lift the one you want.HTML · Apache-2.0A cut between two picturesCover TransitionsShowcase of cover/uncover slide transitions. A reel of several transitions, not one drop-in: lift the one you want.HTML · Apache-2.0A cut between two picturesDestruction TransitionsShowcase of destructive break-apart transitions. A reel of several transitions, not one drop-in: lift the one you want.HTML · Apache-2.0A cut between two picturesDissolve TransitionsShowcase of dissolve and fade transitions. A reel of several transitions, not one drop-in: lift the one you want.HTML · Apache-2.0A cut between two picturesDistortion TransitionsShowcase of warp and distortion transitions. A reel of several transitions, not one drop-in: lift the one you want.HTML · Apache-2.0A cut between two picturesGrid TransitionsShowcase of grid-based tile transitions. A reel of several transitions, not one drop-in: lift the one you want.HTML · Apache-2.0A cut between two picturesLight TransitionsShowcase of light-based glow and flash transitions. A reel of several transitions, not one drop-in: lift the one you want.HTML · Apache-2.0A cut between two picturesMechanical TransitionsShowcase of mechanical shutter and iris transitions. A reel of several transitions, not one drop-in: lift the one you want.HTML · Apache-2.0A cut between two picturesOther TransitionsShowcase of miscellaneous creative transitions. A reel of several transitions, not one drop-in: lift the one you want.HTML · Apache-2.0A cut between two picturesPush TransitionsShowcase of push and slide transitions. A reel of several transitions, not one drop-in: lift the one you want.HTML · Apache-2.0A cut between two picturesRadial TransitionsShowcase of radial wipe and reveal transitions. A reel of several transitions, not one drop-in: lift the one you want.HTML · Apache-2.0A cut between two picturesScale TransitionsShowcase of scale and zoom transitions. A reel of several transitions, not one drop-in: lift the one you want.HTML · Apache-2.0A cut between two pictures3D UI RevealPerspective 3D reveal animation for UI elements.HTML · Apache-2.0A camera moveUS MapAnimated US choropleth map with staggered state reveals, value labels, and gradient legend — pure inline SVG with GSAP.HTML · Apache-2.0A map or a diagramUS Bubble MapAnimated US bubble map with proportional city markers, value callouts, and connection lines — composable with us-map.HTML · Apache-2.0A map or a diagramUS Flow MapAnimated connection arcs between US cities over a base map — composable origin-destination flow visualization.HTML · Apache-2.0A map or a diagramUS Hex Grid MapAnimated hexagonal tile grid map — each state as an equal-weight hex with data fill and abbreviation label.HTML · Apache-2.0A map or a diagramAnamorphic Streak FlareA drifting field of bright points, each one throwing the long horizontal blue-violet streak a real anamorphic cinema lens produces. The…HTML · Apache-2.0A background that movesiPhone & MacBook 3D ShowcaseReal GLTF iPhone 15 Pro Max and MacBook Pro models with live HTML-in-Canvas screen content, morphing glass lens, product review camera…three.js · Apache-2.03DLiquid BackgroundOrganic liquid simulation with vertex displacement on a subdivided plane. HTML content floats above rippling fluid surface with real-time…three.js · Apache-2.0A background that movesLiquid GlassA sample landing page (headline and stat cards) seen through a liquid-glass parallax layer, drawn with HTML-in-canvas and WebGL. The repo…three.js · Apache-2.0MagneticA sample page whose pixels bend toward a moving cursor dot: a magnetic warp shader over HTML-in-canvas. The repo marks it experimental.HTML · Apache-2.0PortalA sample light-mode page opens through a portal into a second page: an HTML-in-canvas WebGL transition. The repo marks it experimental.three.js · Apache-2.0ShatterA sample page breaks like glass to show the page behind it: HTML-in-canvas panels shattered in WebGL. The repo marks it experimental.three.js · Apache-2.0VFX Text CursorDramatic text reveal with cursor glow, chromatic shadow rays, and directional lighting on a black stage. Canvas-based shader…HTML · Apache-2.0A titleVoronoiMagenta cells with glowing blue centers shift and reshape across the frame. A WebGPU shader from the Shaders library (shaders.com, MIT).HTML · Apache-2.0A background that movesVPN YouTube SpotSnappy Apple-style YouTube insert showing a phone finding and installing a friendly VPN app with sound effects. Credited to Stronkter.HTML · Apache-2.0A whole sceneWaterA sphere of wind-rippled water reflecting a blue sky, on black. A WebGPU shader from the Shaders library (shaders.com, MIT).HTML · Apache-2.0WaveformEqualizer bars in a blue to pink gradient pulse across the middle of the frame, like an audio visualizer. A WebGPU shader from the Shaders…HTML · Apache-2.0Week in MergesEach author's avatar bounces across their row at a speed set by how many pull requests they merged.HTML · Apache-2.0A number or a chart