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 118 of 2,295Show everything
No preview yet · 110
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…X Follow CardHTML · Apache-2.0A social follow card with avatar, handle, and follower motion. Paste-in snippet: it registers no timeline, you wire it into your own…On-Screen Display EffectHTML · Apache-2.0Grid, scanline, vignette, and sheen overlay plus a 3D-warp wrapper class that makes footage read as if playing on a physical display.hyperframes-registry (core skill)Skill · Apache-2.0How to search and install the registry, 13 files: catalog --query, add, wiring a component, and the bar a new component has to meet…figma (on demand)Skill · Apache-2.0Bring a Figma file into a HyperFrames film: layers as SVG or PNG, brand tokens as variables, frames as editable HTML, and storyboard frames…remotion-to-hyperframes (on demand)Skill · Apache-2.0Moves a Remotion composition OUT of Remotion and into HyperFrames. It is instructions for an agent plus a source linter, not a converter…reverse-any-video (on demand, Pro)Skill · Apache-2.0Rebuild any video file as an editable HyperFrames project and check it against the original frame by frame. A paid HyperFrames Pro feature…lint_source.py (Remotion source linter)Tool · Apache-2.0Scans a Remotion project and lists what blocks a move to HyperFrames (useState, useEffect with deps, async calculateMetadata, React UI…dither.mjsTool · Apache-2.0Error-diffusion dither for an image or an MP4, with 16 named palettes. No network.media treatment recipesSkill · Apache-2.0About 18 written recipes for changing how footage or a still looks or reveals (freeze frame, cutout, light leak, camcorder, dither and so…remotion-upgradeSkill · Link onlyUpgrading Remotion: run Remotion's own upgrade command, which also updates the installed skills; or, by hand, move every Remotion package…core/color-gradingSkill · Link onlyColor grading with FFmpeg: seven named looks, which look suits which kind of content, LUT use, and protecting skin tones.creative/bg-remove-usageSkill · Link onlyUsing the background-removal tool: which model, alpha matting, common recipes.creative/enhancement-strategySkill · Link onlyDeciding how to improve talking-head footage: the order of the enhancement tools, overlay types, how many overlays is too many, where to…creative/face-restore-usageSkill · Link onlyUsing face restoration, and how it differs from the light face-enhance filter.creative/upscale-usageSkill · Link onlyUsing the upscaler: when it helps, model and scale choice, faces, denoise strength.threejs-postprocessingthree.js · Link onlythree.js post-processing: bloom, depth of field, screen effects.threejs-shadersthree.js · Link onlythree.js shaders: GLSL, uniforms, custom effects.bg_removeTool · Link onlyCuts the background out of an image with rembg. Routes to whatever provider is installed or keyed. Needs a key, a program or a download…color_gradeTool · Link onlyApplies a color grade with FFmpeg filters or a LUT; named looks included. Runs on the machine; needs ffmpeg. Works with no keys.eye_enhanceTool · Link onlyBrightens and sharpens eyes in talking-head footage. Runs on the machine; needs ffmpeg. Needs a key, a program or a download before it…face_enhanceTool · Link onlyLight face clean-up with FFmpeg filters. Runs on the machine; needs ffmpeg. Works with no keys.face_restoreTool · Link onlyRebuilds degraded faces with CodeFormer or GFPGAN. Runs on your own GPU with model weights you download; needs gfpgan, torch. Needs a key…minicut_upscaleTool · Link onlyCloud video upscale (Topaz) bought through the MiniCut command-line program. Needs the separate MiniCut command-line program installed and…upscaleTool · Link onlyUpscales images and video locally with Real-ESRGAN. Runs on your own GPU with model weights you download; needs realesrgan, torch, ffmpeg…green_screen_compositeTool · Link onlyPlaces keyed talking-head footage over a new background. Runs on the machine; needs ffmpeg, numpy, PIL. Works with no keys.green_screen_processorTool · Link onlyKeys out a green screen. Runs on the machine; needs ffmpeg. Works with no keys.ProviderChipRemotion · Link onlyA rotating badge that cycles through a list of names. Built on Remotion 4.0.484 and React 18.ParticleOverlayRemotion · Link onlyDrifting particles over a scene. Built on Remotion 4.0.484 and React 18.refresh_kling_o3_fal_contracts.pyTool · Link onlyRefreshes the saved request formats for the Kling models on fal.ai from published schemas; submits no jobs.wan_disk_cleanup.shTool · Link onlyA shell script that reports the disk used by local Wan video generation and, only when given a target and --yes, deletes model weights and…gsap-pluginsGSAP · MITHow to register and use the plugins, and a licensing note that all of them are now free from the public gsap npm package with no membership…glow-flyline-movesShot recipe · Apache-2.03 named moves on one card: glow-orb-ambient (Three huge blurred glow orbs drift on twin sine paths, driving edge-light on nearby cards by…icon-performance-movesShot recipe · Apache-2.0An escalating attention bounce that compresses on landing to call the eye to an icon.light-play-movesShot recipe · Apache-2.02 named moves on one card: spotlight-sweep (Two copies of the text: a dim one always on, a bright one revealed by a radial mask that sweeps…riso-print-hitsShot recipe · Apache-2.0A risograph impact: a single misregistered color split that snaps into alignment.spotlight-sweep-movesShot recipe · Apache-2.03 named moves on one card: glow-wake-sleep-panel (Wake-and-sleep sweep: a reveal mask follows the light head left to right — lit where it…collab-cursor-movesShot recipe · Apache-2.0A five-cursor ensemble drifting and typing across a shared board as living collaboration ambience.element-body-movesShot recipe · Apache-2.0A contact shadow that separates during lift, giving interface elements physical weight.Polish.tsx (eases and finish kit)Remotion · Apache-2.0The shared finish kit almost every demo imports: a CSS-equivalent bezier() ease maker, eight named eases (snappy, out, smooth, swift, exit…compositingBlender · MITFinishing a render in Blender's compositor: which passes to enable, a default beauty stack (exposure and color balance, glare, slight lens…vfx-fxBlender · MITSmoke, fire, sparks, debris and energy effects: choose cards and ribbons for real-time or Mantaflow, particles and Geometry Nodes for a…install.shTool · MITCopies the nine skill folders into an agent's skills folder in your home directory (Claude Code, Codex, or a shared agents folder) and…Fresnel rim glowthree.js · MITAdds a colored glow at the grazing edges of a standard material by injecting three lines of GLSL with onBeforeCompile, so the lit material…Scrolling emissive panelsthree.js · MITBands of light that travel along a surface, for energy conduits, charge bars and data flowing through a pipe. Time is one uniform (uTime)…Post-processing chainthree.js · MITThe finishing pass: EffectComposer with a render pass, bloom (strength 0.45, radius 0.3, threshold 0.85), a small vignette shader, and…Hitstopthree.js · MITA 60 to 90 ms near-freeze on a heavy hit: scale the gameplay delta to 0.05 while the camera and feedback keep real time. In a video it is…Impact flashthree.js · MITPulse a material's emissiveIntensity to a peak and tween it back in 0.22 s; for big events add a one-frame white overlay div fading over…Gamepad rumblethree.js · MITFeature-detected controller vibration with a swallowed promise. Interactive use only; nothing to render. Code is in the reference page…gl.mjsTool · MITA small WebGL layer for shaders that sit inside the drawing in the same isometric camera: the camera as GLSL (GLSL_ISO with rayOf and…post-stack.jsthree.js · MITBloom, vignette and optional depth of field through the pmndrs postprocessing package, with a careful note on tone mapping: the stack takes…