ParticleFx
Optimized for React

React Particle Effect

Bring your static React components and images to life using interactive, physics-driven HTML5 canvas particles.

The ultimate React component to pixelate and animate image layouts. Built-in responsive state listeners, cursor trackers, and custom gravity modes.

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

Why use ImageParticles for React canvas animations?

Hooks-First API

Instantiate particle systems inside useEffect with direct canvas cleanup triggers, preventing memory leaks.

Responsive Canvas Scaling

Designed to handle pixel ratio and dynamic display width scales in Next.js or React router apps.

Ultra-Lightweight Bundle

Extremely small footprint ensuring minimal bundle overhead, keeping your LCP and INP metrics green.

Frequently Asked Questions (FAQ)