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