Sky Addons  ·  Elementor Widget
INTRODUCING

Particle Effects

Particle effects for Elementor — animated particle fields behind any section, with density, speed and colour set by you.

Design 1

It allows you to create amazing effects and animations using particle systems and
lets you easily customize.

SKY Particles
Effect

It allows you to create amazing effects and animations using particle systems and lets you easily customize and combine particles, backgrounds, and elements.

Design 2

Particles Effect is an effective way to display any content in a unique and realistic manner.

The Magic

Particles Effect

Design 3

Example of Snow Effect. It’s completely limitless.

Beauty of Snow

Snow Effect

Design 4

It allows you to add an amazing visual effect to your webpage.
Combination of Particles Effect and Floating Effects.

Galaxy Tour

Particles Effect

Design 5

This widget contains several particle effects to give life to your application’s screens.

Nazaaha Yarah

Software Engineer

Tamir Almahdi

Software Engineer

Yarah Hakimi

Software Engineer

Mamdouh Don

Software Engineer
FAQ
Frequently asked

Particle Effects

Straight answers about what this one does, where it fits in a real build, and what it costs you to ship.

Still stuck?

Read the documentation for this one, or write to us — a human answers inside a business day.

Where do I turn particle effects on in Elementor?

On the Style tab of a section or a container. Sky Addons for Elementor adds a Particles Effects panel section there instead of a widget, and it hooks those two element types only — there is no columns option and no per-widget option, because the field is drawn to fill a whole band of the page.

What particle styles come built in?

Five: Polygon, the default constellation of dots joined by lines; Nasa, a dense slow starfield of 160 points that pulse in opacity; Bubble, a handful of large drifting shapes; Snow, 200 small particles falling steadily; and Custom, which hands the whole configuration over to you.

Where are the particle count and speed settings?

Behind the Additional Customize switch — turn it on and four more controls appear. Particle Quantity runs 1 to 400, Particle Size 1 to 300, Move Speed 1 to 10, and Enable Interactivity sits alongside them. Until that switch is on, the chosen style’s own values are used.

Why is the Move Direction option missing from my settings?

Because direction only applies to the Snow and Bubble styles and is hidden for the others. Polygon and Nasa move their points on their own paths where a single heading would not read, and the Custom style takes direction from your own configuration instead.

Can I paste my own particles.js configuration?

Yes. Set Style to Custom and a Custom Particles field appears that takes a full JSON configuration, which is passed to the particle engine untouched. The colour, opacity, quantity, size and speed controls all hide in that mode, since your JSON already defines them.

Do the particles stay inside the section?

Yes. The extension inserts an absolutely positioned layer as the first child of that section or container, sized to its full width and height, so the field is clipped to the element rather than covering the viewport. Two sections on one page each run their own independent particle field.

Will the particle layer block clicks on my content?

No. Widgets inside the section paint above the particle layer, so headings, links and buttons stay clickable. Clicking the empty background between them lands on the particle canvas itself, which is where the interactive modes live — content is never covered by it.

What does Enable Interactivity actually change?

It switches on the hover reaction. Moving the pointer through the field then pushes particles away for most styles, while the Nasa style makes them swell instead. With it off the animation still runs, it simply ignores the pointer as it passes over.

Does particle effects require Elementor Pro?

No. It needs Sky Addons Pro, and free Elementor is enough underneath — no Elementor Pro licence and no separate particle plugin. Containers and classic sections are both supported, so it works on new layouts and on older pages built before containers existed.

Are particle backgrounds heavy on long pages or on mobile?

They can be, so be deliberate. Every field keeps animating whether or not its section is on screen, there is no reduced-motion opt-out, and the enable switch is not per-breakpoint. One field at a moderate quantity reads better than several — the Nasa and Snow presets already run 160 and 200 particles each.