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.
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
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.
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
Olexandr Demydov
