ParticleFx
Optimized for Vue

Vue Particle Effects

Bring responsive, interactive particle grids to your Vue 3 Single File Components (SFCs).

A framework-agnostic core enables smooth integration with Vue templates. Experience high-framerate interactive mouse attractions with lightweight setup.

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

Why use ImageParticles for Vue canvas animations?

Composition API Friendly

Use simple templates and direct template refs ('ref="container"') to bind HTML5 canvas elements instantly.

Reactive Updates

Watch props changes and call dynamic '.updateConfig()' methods on the particle instance automatically.

SSR-Safe Architecture

Ensures no window or browser-specific objects are called before the client-side lifecycle mounting completes.

Frequently Asked Questions (FAQ)