BLACK FRIDAY: 50% OFF all Pro plans
Pro from $18 a year or $60 lifetime, no code needed
Ends Cyber Monday, 30 Nov. Lock in the price today
Get 50% Off
Pro extension

Particles Background for Elementor Pro

Animated particles behind any Elementor container

Overview

What Particles Background does

Particles Background draws moving particles behind the content of a container, section or column. Pick one of five styles and set the color, number, size, speed and opacity. The drawing is done by a small script inside the plugin, with no outside library, and it pauses when the container is off screen.

Live demo

See it in action

Particles behind this container

Features

What it can do

  • Five styles: Connected dots, Floating dots, Snow, Rising bubbles and Twinkling stars.

  • Color, number, size, speed and opacity controls.

  • Optional pointer reaction: particles move away from the pointer or come closer.

  • Choose the devices on which the particles are shown.

  • Fewer particles are drawn on a small area, so the density stays about the same.

  • The animation pauses while the container is off screen.

  • The canvas sits behind the content and never blocks clicks.

Use cases

When to use it

Hero section

Add Connected dots behind a headline and a button for a tech style hero.

Seasonal touch

Switch on Snow behind a holiday offer section.

Dark night sky

Use Twinkling stars in a light color over a dark container background.

Light motion

Use Rising bubbles at a low opacity behind a call to action block.

Setup

How to set it up

A few steps from adding the extension to a finished result.

  1. Select a container, section or column, open the Advanced tab and open the section Bright: Particles Background.

  2. Switch on Particles and pick a Style.

  3. Set Color so the particles stand out against the background of the container.

  4. Adjust How Many, Size, Speed and Opacity.

  5. Choose a reaction in Near the Pointer, or leave it on Nothing happens.

  6. Pick the screen sizes in Show On and preview the page.

FAQ

Questions and answers

Does it load an outside particles library?

No. The drawing uses a small script that ships with Bright Addons Pro, and it is loaded only on pages where a container uses particles.

Can visitors still click the buttons in the container?

Yes. The particles are drawn behind the content and ignore the pointer for clicks.

Why do I see fewer particles on a phone?

The number is scaled to the size of the container so the density stays similar. At least four particles are always drawn.

Can I add particles to a single widget?

No. Put the widget in a container and switch the particles on for that container.

Bright Addons Pro

Get Particles Background with Bright Addons Pro

Bright Addons Pro has 80 Pro widgets plus all 51 free widgets, 10 extensions, a Theme Builder and 32 dynamic tags. From $18 a year, with a 14-day money-back guarantee.