ParticleFx
Optimized for React

React Image Particles

Ditch static React images and deploy responsive interactive canvas simulations that capture developer & user focus.

Convert logo graphics, icons, profile photos, or illustrations into custom vector coordinate particle arrays using direct DOM canvas contexts.

Open Interactive PlaygroundRead Full API Docs
Interactive Canvas Preview (Hover Me)
terminal
1npm install package-particlefx --save

Why use ImageParticles for React canvas animations?

Alpha-Channel Filtering

Smart alpha-mask checks ignore transparent image sections, creating outline-accurate particle shapes.

State-Based React Controls

Adjust speed, gap, noise, and colors by updating parameters through custom React components.

Performance Throttling

Automatically throttles animation rendering when the container is out of the user's viewport.

Frequently Asked Questions (FAQ)