DEV Community

Cover image for Add Canvas Particle Animations to Any Site With particles-js
jQueryScript
jQueryScript

Posted on

Add Canvas Particle Animations to Any Site With particles-js

particles-js: a vanilla JavaScript library that adds canvas-based particle animations to any webpage background.

Key features:
• 6 particle types: circles, stars, confetti, triangles, custom images, and emoji
• 3 animation modes: floating flow, falling rain, and fireworks
• Mouse repulsion that pushes particles away from the cursor
• Click and touch to trigger particle explosions
• Connection lines between nearby particles
• Trail effects on burst and firework particles

👉 https://www.cssscript.com/canvas-particle-animation/

👉 GitHub Repo

👉 Live Demo

Top comments (0)