1 particles.js Examples
This collection demonstrates how particles.js allows for the creation of complex visual effects while remaining incredibly performant. All rendering occurs on a single <canvas> element, which offloads the DOM and ensures smooth animation without slowing down the site. The library’s main power lies in its deep customization through a JSON configuration, where you can control particle density, speed, random sizes, and even gravity to create unique and optimized backgrounds for any project.
Examples

Interactive Spotlight Effect
An interactive “spotlight” effect created with clip-path: circle(), whose position is controlled via CSS variables. JavaScript tracks the cursor and updates the variables inside a requestAnimationFrame loop for a smooth and performant animation.
See the Pen Interactive Spotlight Effect.