---
title: "ParticleVideoSlider — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Oleksandr Demydov · Carousels. ParticleVideoSlider transforms your video content into a living cloud of particles."
canonical: "https://framer.elliotli.dev/component/particlevideoslider"
---

[Home](/)/[Components](/components)/[Carousels](/components/category/carousels)/ParticleVideoSlider

# ParticleVideoSlider

Hero Section BG

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

![ParticleVideoSlider preview image 1](https://framer.elliotli.dev/og/component/particlevideoslider/6ee30d4bd29a0f62/1600x1200.jpg)

## Summary

ParticleVideoSlider transforms your video content into a living cloud of particles.

## Description

**ParticleVideoSlider** transforms your video content into a living cloud of particles. Each clip is rendered as thousands of depth-mapped points that react to brightness, creating a tactile 3D texture from any footage.

**Transitions between clips** Choose from four particle transition styles — Scatter (radial burst), Explode (from center), Vortex (spiral), or Rain (fall). The outgoing and incoming clips overlap with a smooth cross-dissolve timed to your liking.

**Wave ripple effect** A luminance wave sweeps periodically across the particle surface. Control direction (Horizontal, Vertical, Radial, or Cursor), speed, glow intensity, band width, and the interval between passes. Enable Z Lift to push particles toward the viewer as the wave rolls over them.

**Organic cursor ripple** In Cursor mode the wave expands as an isoline from the pointer — warped by layered noise so it looks like a living, irregular ring rather than a perfect circle. Adjust Distortion to dial in how organic it feels.

**Color modes**

-   **Video** — original colors from the footage
    
-   **Tint** — luminance-mapped single accent color
    
-   **Duotone** — two-color gradient driven by brightness
    

**Controls at a glance**

-   Up to 4 video clips with automatic slideshow
    
-   Slide interval and transition duration
    
-   Particle density, size, depth scale, turbulence
    
-   Wave: direction, speed, interval, glow, width, Z lift, distortion
    
-   Color mode, brightness, additive / normal blending
    
-   Max pixel ratio cap for GPU performance tuning
    

**Technical** Built on Three.js (WebGL) with a custom GLSL shader pipeline. Fully responsive — fills any container. Renders a static poster image in the Framer canvas preview

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

-   All · #4155

## Details

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

## More like this

-   [3DCurvedImageMarquee](/component/3dcurvedimagemarquee) — Lera · $4 — Curved perspective double ticker
-   [Orbit Kit Carousel](/component/orbit-kit-carousel) — Khairul Fauzy Khairudin · $12 — 3D drag carousel with inertia
-   [Team Orbit](/component/team-orbit) — Ali Musa · Free — Interactive Team Showcase
-   [Glow Testimonial](/component/glow-testimonial) — Interface Studio · Free — Testimonials with a Little Glow