How to use particles.js

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.

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 :

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

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 💖

Comments

[Matteo Bruni]

1. Replace particles.js with tsParticles 😎

Migrating from Particles.js to tsParticles

Matteo Bruni ・ Mar 15 '20 ・ 2 min read

#javascript #typescript #tutorial #showdev

[Aman Singh]

Wow,
it's great
thanks for sharing