ParticleCloudVideo

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