Do you want to add a particle effect to a section in WordPress? Particle effects create animated motion in a container background, adding depth and interactivity to hero sections, banners, and feature areas without any custom code.
With the Container block from Nexter Blocks, you can add particle animation to any section background in WordPress.
Best Used For:
- Hero sections and banner areas where animated particles make the first impression more engaging
- Feature or service sections where subtle motion in the background adds visual distinction without competing with the content
- Landing pages where a custom particle skin with brand colors reinforces visual identity
To check the complete feature overview documentation of the Nexter Blocks Container block, click here.
Requirement – This block is a part of Nexter Blocks. Make sure it is installed and activated.
Add the Container block with the appropriate layout to the page and follow the steps.
1. Go to Style > Background Middle Layer.
2. Select Canvas Effect from the Select Background Option dropdown.
3. Then from the Canvas Style dropdown list, choose a predefined effect or add a custom effect by selecting the Custom Skin option.
You will get options to change the particle color along with some additional settings for some effects.
Note: To use the Custom Skin option you have to add the particle json code, for this, you can use this particle generator.
Now you will see an animated particle background.
Note: For better visibility, you can add a normal background color to the container.
To explore other container background options in Nexter Blocks, see the Parallax Effect and Video Background docs.
