Particles.js – Lightweight JavaScript Plugin for Particle Backgrounds

particles.js is a lightweight (~2kb) and dependency-free javascript plugin for particle backgrounds.


Include the minified JS in your HTML file.

<script src="path/to/particles.min.js"></script>

Create a canvas element in your body tag.

<canvas id="myCanvas"></canvas>

Add a few styles to your css.

body {
  margin: 0;

#myCanvas {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: 0;

Initialize the plugin on the window.onload event.

window.onload = function() {
  Particles.init({ options });

// e.g.
window.onload = function() {
    selector: '#myCanvas',
    color: '#0f9976'

Shubham Kumar

Hey, I am Shubham and i love Blogging, Coding and exploring new things and obviously sharing my experience with you.