Background with Particle.js


Create an awesome Particle Banner using the particles.js JavaScript library to add cool particle effects to any WordPress page.

Fully customizable you can control everything from the dashboard with a graphical interface, no need to create a JSON file, just insert suitable values to create beautiful particle effects on your website.


  1. No configuration file needed, hassle free intrigation
  2. Customize everything from Dashboard
  3. Easy and understandable user guideline
  4. Multiple Demo configuration
  5. To display the particle js background select the page template as “Particle Background” or use the shortcode [particlejs-banner].


  • Particle Background Setting Appearance
  • Example of placing Shortcode to the page
  • Example of selecting particle background as a page template
  • Particle Events fields
  • Particle Click Events fields
  • Particle settings options
  • Particle Movement and Line settings options


You may install the plugin using the three following method:

  1. Upload the plugin file to your /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Pasete the short code ([particlejs-banner]) where you want to display the particle banner or select “Particle Background” as Page template
  4. Configure your settings from Dashboard-> ParticleJs Banner and Save the Settings
  5. Open the page and enjoy the Particle js effect


How can I add my own particles.js config file?

No Need to create configuration file, everything is configurable from wordpress Dashboard, just go to Dashboard-> ParticleJs Banner and configure accordingly.

How can I add text over the Particle Banner?

Go to Dashboard-> ParticleJs Banner, you will get a separate section for text and Call to action button configuration. Change the title, description and call to action button as per necissity.

How may I change particle size, color and background?

Login to WordPress dashboard and click ParticleJs Banner then you can change everything from the relevent section. It is quite self explenatory.


August 25, 2021
The particle effect looked absolutely perfect in preview mode, I was so happy! But unfortunately the moment I published it and went to have a look at it live, disaster struck. All of the website’s elements were displaced, there was a huge white section at the top of the website, there was transparency on some of my rows where there wasn’t any before, and the footer was fixed to the screen, covering most of the website’s content. So strange because it looked perfect in preview. The moment I deactivated the plugin, everything went back to normal so unfortunately I can’t recommend this plugin ¯\_(ツ)_/¯
November 16, 2020
I had huge challenges integrating particlesJS into wordpress. Scripts were failing to load then come across this plugin. oooooh everything changed. Owesome plugin. Thank you for making it free and upto date.
October 2, 2020
This is a wonderful plugin,user friendly and easy to use
October 2, 2020
Wow! Finally got a useful plugin for my website to set beautiful banners. Also wonderful support
Read all 5 reviews

Contributors & Developers

“Background with Particle.js” is open source software. The following people have contributed to this plugin.




  • Release date: October 1, 2020


  • Release date: October 3, 2020
  • Fix center align text issue


  • Release date: April 27, 2021
  • Fix minor issue


  • Release date: March 2, 2022
  • Tested for WP new Version


  • Release date: March 2, 2022
  • Fixed bug


  • Release date: March 6, 2024
  • Fixed bug