Birthday Sale!

Days
Hours
Min
Sec

Need Help?

Here are some good places you cant start.

Whats New?

Get updated about all the good stuff!

Ajax Search for WooCommerce Products - Featured Blog
Add Schema Markup to WordPress
Pagination to Elementor Posts - Featured Blog

Stars Background for Elementor

The “Stars Background Widget” allows you to add stunning animated star effects to your Elementor pages. This premium widget creates a captivating atmosphere by displaying star particles with interactive hover and click effects, adding depth and engagement to your sections. You can customize star density, size, motion behavior, and background styling to perfectly match your site’s design.

 

Let’s explore the features of the “Stars Background Widget” below.

Add a Stars Background for Elementor

This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.

1

Go to Unlimited Elements and click "Background Widgets".

2

Search for "Stars Background" in the widget library.

3

Hover over the widget and click Install.

Add a Stars Background for Elementor

Add Snow Background to Elementor Page Section

1

Click edit container in Elementor.

2

Go to the "Style" tab.

3

Click on "Unlimited Background".

4

Select the background type “Stars Background“.

Add Snow Background to Elementor Page Section

Elementor Stars Background Settings

Elementor Stars Background Settings
1

Number of Stars

Set the number of stars to display.

2

Type

Select the type of snow background.

  • Custom
  • Circle
  • Star 1
  • Star 2
  • Star 3
  • Star 4
  • Star 5
  • Star 6
  • Star 7
  • Star 8
  • Star 9
  • Star 10
  • Star 11
  • Star 12
  • Star 13
  • Star 14
  • Star 15
  • Star 16
  • Star 17
  • Star 18
3

Star Color

Set the color for stars.

4

Size

Set the size of background star elements.

5

Random Size

Turn on/off the random size option.

6

Opacity

Set the opacity of star elements.

7

Move Stars

Set the distance to move stars.

8

Direction

Select the stars moving direction from the given options.

  • Left
  • Right
  • Bottom
  • Top
  • Bottom Right
  • Bottom Left
  • Top Right
  • Top Left
9

Flicker/Twinkle

This will add twinkling effect to stars.

10

Flicker Speed

Set the flickering speed of stars.

11

Flicker Min Size

Set the minimum size of stars while flickering.

12

Detect Mouse On

Select the mouse detection option.

  • Canvas(Section)
  • Window(Viewport)
13

On Hover

Select the option for on hover activity.

  • None
  • Grab
  • Bubble
  • Repulse
  • Grab + Bubble
14

Star on Click

Select the option for on click activity.

  • None
  • Push
  • Remove
  • Bubble
  • Repulse
15

Size on Bubble

Set the star particle size on bubble effect.

Set Background Location in Elementor Stars Background

In some cases, you may want to move the background widget in front of your content. Determine the placement of the background by changing the setting to your liking. 

1

In Background

Appear behind your content.

2

In Foreground

Overlay on top of content.

3

Site Body Background

Covers the entire page background globally.

4

Site Body Foreground

Overlay all site content (header to footer).

5

Layout Background

Restricted to a specific section/widget.

6

Layout Foreground

Overlay a single section/widget.

Set Background Location in Elementor Colorful Animated Waves Background

Usage Examples of Elementor Stars Background

Here are some live use cases for the Stars Background widget.

Usage Examples of Elementor Stars Background

Stars Background for Elementor with Twinkling Particle Effects

Usage Examples of Elementor Stars Background

Interactive star animations to your Elementor sections for a vibrant and dynamic background.

Thank you for using the Stars Background Widget for Elementor! With its stunning animated star effects and interactive features, this is the best Stars Background Widget for Elementor, perfect for adding a magical and engaging atmosphere to your website sections. If you have any questions or need assistance, feel free to reach out. For more use cases and examples, visit the live demo on our website.

Download is just a click away

Get instant access to tons of Elementor goodies, completely FREE!

Hurray!

You got FREE access to the worlds leading widgets for Elementor page builder!