A lightweight JavaScript library for creating particles.

I’ll show you how to create an interactive background in Elementor. So you can add a cool particle effect anywhere in Elementor. We will be using a popular javascript library called particles.js and you won’t need any coding skills or plugins for this.

Particles JS library: https://vincentgarreau.com/particles.js/
Code for Elementor particles: https://punchsalad.com/wp-content/uploads/2020/11/particles-example.zip

00:00 Intro

00:55 Generate particles
First, let’s take a look at how you can generate and customize your particles. Head to the description of this video, and click on the first link.

03:28 Add particles JS in the code template
Next, I’ve prepared some extra code so that it will work well in the Elementor structure.

04:57 Add to Elementor
Okay so now we have all the code we need, let’s head to a page with Elementor.

05:24 Give a section a CSS ID
To show interactive particles on the website you need to add a class name to one section so that it will work.

In this tutorial, I’ll show how to add…