ParticleCloudVideo

ParticleCloudVideo transforms your video footage into thousands of depth-layered particles in real time.

ParticleCloudVideo transforms your video footage into thousands of depth-layered particles in real time. Each particle is positioned in 3D space based on the brightness of the underlying pixel — bright areas float toward the viewer, dark areas recede — creating a sculptural, volumetric effect that moves and breathes with the source video. Features 3D depth from luminance — particle Z-position is driven by pixel brightness, giving the cloud a natural volumetric shape Auto-rotation — continuous Y-axis spin with adjustable speed; supports reverse direction Pointer parallax — the cloud tilts toward the cursor for an immersive depth illusion; axis is configurable (X, Y, or both) Organic turbulence — noise-based drift applied to edge and dark particles softens the rectangular boundary Edge Scatter — particles near the frame boundary scatter outward, dissolving the hard rectangular edge Cursor FX — three interactive modes: Magnet — attract or repel particles (positive/negative strength) Depth — push particles toward or away from the viewer Color Reveal — spotlight that reveals original video color through any color treatment Color modes — Video (original), Tint (monochrome with hue), Duotone (shadow + highlight gradient) Blending modes — Additive (glow, great on dark backgrounds) or Normal Intro animation — particles fly in from outside the frame on load; duration is configurable or can be disabled Poster image — shown on the Framer canvas and during video load Responsive — adapts to any frame size; geometry and camera are rebuilt on resize Performance-conscious — IntersectionObserver pauses rendering when off-screen; capped pixel ratio; single GPU draw call

Hero Section BG