---
title: "ParticleCloudVideo — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Oleksandr Demydov · Effects. ParticleCloudVideo transforms your video footage into thousands of depth-layered particles in real time."
canonical: "https://framer.elliotli.dev/component/particlecloudvideo"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/ParticleCloudVideo

# ParticleCloudVideo

Hero Section BG

[View on Framer](https://framer.com/marketplace/components/particlecloudvideo/?via=elliot-li)

![ParticleCloudVideo preview image 1](https://framer.elliotli.dev/og/component/particlecloudvideo/7f883ec85b63315a/1600x1200.jpg)

## Summary

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

## Description

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
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #4940

## Details

- **Author**: Oleksandr Demydov
- **Price**: $10.00
- **Published**: 2026-06-17
- **Updated**: 2026-08-31
- **Added**: 2026-06-17
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo