Skip to content

Particle System

Particle System preview image 1

Summary

This React + Framer component converts any image into a mesmerizing 3D particle cloud.

Description

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

Rank history How rankings work →

125015001750199298/149/49/2610/1811/9
  • All · #9201

Details

More like this