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 69 of 2,295Show everything
From HyperFrames
No preview yet · 69
Camcorder HUDHTML · Apache-2.0Responsive REC, battery, editable date placeholder, and timeline-driven counter overlay for creator-camera and camcorder treatments.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…Editorial Flash OverlayHTML · Apache-2.0Finite neutral-warm light layers for a seek-safe camera-flash cut or social reveal.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).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…HeatmapHTML · Apache-2.0Thermal colors flow through a glowing orb, on black. A WebGPU shader from the Shaders library (shaders.com, MIT).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).Instagram FollowHTML · Apache-2.0Animated Instagram follow overlay with profile card and follow button. Copies the look of Instagram; that brand is theirs.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).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).macOS NotificationHTML · Apache-2.0Animated macOS-style notification banner with app icon and message. Copies the look of macOS; that brand is theirs.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).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).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)…PlasticHTML · Apache-2.0A glossy white plastic orb with soft studio reflections, on black. A WebGPU shader from the Shaders library (shaders.com, MIT).Reddit Post CardHTML · Apache-2.0Animated Reddit post card overlay with upvotes and comments. Copies the look of Reddit; that brand is theirs.SnowHTML · Apache-2.0Seek-safe falling-snow overlay: sparse or dense flakes drift down with size, speed and opacity correlated per flake for depth…Spotify Now PlayingHTML · Apache-2.0Animated Spotify now-playing card with album art and progress bar. Copies the look of Spotify; that brand is theirs.StarfieldHTML · Apache-2.0Seek-safe night-sky overlay: sparse or dense stars in three size tiers that twinkle and drift in two parallax layers, radial-masked to keep…Thin FilmHTML · Apache-2.0An orb's rim shimmers with soap-bubble iridescence on black. A WebGPU shader from the Shaders library (shaders.com, MIT).TikTok FollowHTML · Apache-2.0Animated TikTok follow overlay with profile card and follow button. Copies the look of TikTok; that brand is theirs.Liquid Glassthree.js · Apache-2.0A sample landing page (headline and stat cards) seen through a liquid-glass parallax layer, drawn with HTML-in-canvas and WebGL. The repo…MagneticHTML · Apache-2.0A sample page whose pixels bend toward a moving cursor dot: a magnetic warp shader over HTML-in-canvas. The repo marks it experimental.Portalthree.js · Apache-2.0A sample light-mode page opens through a portal into a second page: an HTML-in-canvas WebGL transition. The repo marks it experimental.Shatterthree.js · Apache-2.0A sample page breaks like glass to show the page behind it: HTML-in-canvas panels shattered in WebGL. The repo marks it experimental.WaterHTML · Apache-2.0A sphere of wind-rippled water reflecting a blue sky, on black. A WebGPU shader from the Shaders library (shaders.com, MIT).WaveformHTML · Apache-2.0Equalizer bars in a blue to pink gradient pulse across the middle of the frame, like an audio visualizer. A WebGPU shader from the Shaders…X Post CardHTML · Apache-2.0Animated X/Twitter post card overlay with engagement metrics. Copies the look of X; that brand is theirs.Comment CardsHTML · Apache-2.0Social comments typing on over footage: avatar pop, username and time, per-character typewriter, likes row; image avatars or initials chips.ASCII Render PassHTML · Apache-2.0A slotted scene renders as live ASCII: a canvas samples the source's luminance grid (rasterized once at mount) and draws glyphs from a…ASCII Trail RevealHTML · Apache-2.0An authored S-curve sweeps through a deterministic ASCII grid, flipping cells away to reveal a labeled panel.Beat AccentHTML · Apache-2.0A single music-hit sting: impact flash, micro scale-pulse on the subject, immediate decay.ConfettiHTML · Apache-2.0A deterministic celebration burst with seeded particles and gravity. Paste-in snippet: it registers no timeline, you wire it into your own.Echo SmearHTML · Apache-2.0Distance-adaptive streak — records each element's real trajectory (position, rotation, scale, opacity), then trails time-offset copies…Echo TrailHTML · Apache-2.0A moving element renders with N ghosted copies of itself at t minus i times delta, opacity stepped down per ghost; one traversal, echoes…Facet MorphHTML · Apache-2.0A faceted low-poly mass of 36 triangles continuously reshapes between three authored silhouettes (blob, mark, badge) with per-facet flat…Filmed ScreenHTML · Apache-2.0Your scene, filmed off a screen: perspective, depth of field that follows an element you name, LED sub-pixels and per-shot color grades…Gloss SweepHTML · Apache-2.0A card lands with a restrained slam, catches one diagonal specular gloss, and holds perfectly still.Grain OverlayHTML · Apache-2.0Animated film grain texture overlay using CSS keyframes — adds warmth and analog character to any composition. Paste-in snippet: it…Hand-Drawn BoilHTML · Apache-2.0Hand-drawn jitter that re-poses every N frames, as seek-safe helpers: pose derives from quantized timeline time through a seeded hash.Ink Bleed RevealHTML · Apache-2.0Liquid ink blooms through paper under a gooey blur-plus-threshold filter, merges, then contracts as a crisp slotted mark resolves beneath…Light Sweep PassHTML · Apache-2.0A traveling key light re-shades a slotted scene: a soft diagonal gradient band crosses the frame once while every per-element highlight and…Motion BlurHTML · Apache-2.0After Effects-style motion blur — integrates each element over a shutter window (shutter angle, phase, samples per frame) by sampling the…Native Notification PopHTML · Apache-2.0One system-faithful notification banner (iOS or macOS) drops in over any scene on an accurate interruptible spring: fast arrival, soft…Ordered Dither PassHTML · Apache-2.0Bayer-matrix ordered dithering quantizes a slotted scene (rasterized once at mount): the image emerges from pure 2-tone noise to clean, or…Particle Image RevealHTML · Apache-2.0A seeded deterministic particle field converges and settles while a slotted image reveals beneath it, the trail thinning until the image…Segmentation FloodHTML · Apache-2.0Machine-vision read of a slotted subject: translucent accent segmentation masks flood on in quantized scanline steps, each region gets a…Sheet Spring-UpHTML · Apache-2.0A bottom sheet rushes up from below the frame on a real spring sampled frame by frame from reference footage, overshooting its resting…Shutter SlamHTML · Apache-2.0One word thrown through six single-property beats under integrated shutter blur — two translate slams, a scale punch, then a full turn…Slit Scan RevealHTML · Apache-2.0The frame's rows sample an authored subject at offset times: a canvas painter draws row slices of one pure position function evaluated at t…Soft Blob TouchHTML · Apache-2.0A granular soft blob idles with slow internal drift; a scripted touch dot decel-arrives, the blob deforms toward it with an attraction…Spotlight CardHTML · Apache-2.0A card with a scripted cursor spotlight and lit border. Paste-in snippet: it registers no timeline, you wire it into your own.Stop Motion CadenceHTML · Apache-2.0The stepped-time law as a demo primitive: one driver quantizes timeline time to floor(t * fps) / fps and feeds ALL motion.Telemetry HUDHTML · Apache-2.0Quiet mono debug-HUD readouts frame a slotted subject: corner brackets draw on, label:value lines tick their values on cues, one readout…Typing IndicatorHTML · Apache-2.0The three-dot chat bubble that says someone is writing: it pops in at the thread's edge exactly as messaging apps do, holds while the reply…VignetteHTML · Apache-2.0Cinematic radial vignette overlay using a pure-CSS gradient — darkens the edges to pull focus toward the center. Paste-in snippet: it…