How to use particles.js

Aman Singh - May 1 '21 - - Dev Community

What is particles.js?
As is evident from the name, it is a JavaScript library that can help you create particle systems. Moreover, it is lightweight, easy to use, and gives you a lot of control.

ā­ Create a folder :

  1. Inside the folder create an index.html file.

  2. Inside this HTML file create a div with the id of particles-js.

div

  1. Search partilces.js on your web browser.
    (https://vincentgarreau.com/particles.js/).

  2. Visit the official GitHub repo of the particles.js
    (https://github.com/VincentGarreau/particles.js).

  3. Download these files from the repo or clone the repo.
    šŸ‘‰ paricles.js
    šŸ‘‰ app.js
    šŸ‘‰ particles.json

  4. Create a CSS file styles.css

  5. Add this CSS :

css

  1. Link these style sheets and scripts into index.html (The sequence of the script files should be the same). šŸ‘‰ style.css šŸ‘‰ particles.js šŸ‘‰ app.js links
  2. Run index file (open index file on the browser).

  3. If still not working properly then watch this
    video: https://youtu.be/cUzihD4JBQU

Thank you šŸ’–

. . . . . . . . . . . . . . . . . . .