Special Summer Offer! Get up to 40% OFF

Documentation

How to Customize Background Effects using ParticleJS?

Background Effects uses particle.js library to render amazing effects. Although there are plenty of options available with the Background Effects feature of PowerPack, it is possible to customize the effects using the effect generator on the particle.js site.

Generate the Effect#

1. Go to the https://vincentgarreau.com/particles.js/

2. Select the effect and then customize it as per requirement.

ParticleJS edit panel on https://vincentgarreau.com/particles.js/ site.

3. After completing the setup download the JSON file from the site.

ParticleJS download JSON config file from https://vincentgarreau.com/particles.js/

Add the JSON code to the Background Effects#

1. Copy the JSON code from the file downloaded and paste the code into the text editor.

Paste the custom code to the Background Effects Custom Animation Type option

Not the solution you are looking for?

Please check other articles or open a support ticket.

Download PowerPack Free

Subscribe to receive latest updates, announcements, offers, deals & discounts.