Particle System

Particle System
Particle System

About Particle System

This React + Framer component converts any image into a mesmerizing 3D particle cloud. Each pixel is sampled and transformed into animated particles that move in 3D space, reacting to mouse movement and time-based oscillations.

✨ Key Features:

  • Image-to-particle conversion with customizable resolution

  • Interactive 3D rotation controlled by mouse movement

  • Depth simulation using pixel brightness

  • Smooth amplitude-based breathing animation

  • Adjustable particle size, Z-depth, animation speed, and background color

  • Optimized rendering for both static previews and live animations

From RAMDIN SINGH

Animated_Pixel_Grid
Shader_Background_3D
HL Line Examples
Generative_Animation

Related Components

Vertical Grid Lines
Interactive Pattern
PixelPattern
Wave Background 3D