Stars Background Widget for Elementor
Stars Background widget adds stunning stars background effects to your Elementor pages in a matter of seconds, allowing you to make your section’s background pop in a few clicks.
- Star Type
- Star Size
- Star Move Speed
- Number of Stars
- Star Opacity
- Move Direction
- Hover Interaction
- Click Interaction
15+ Star Effects
Highlighted Features
Flexible. Lightweight. Intutive.
Why Should I Use the Stars Background?
Popular Use Cases for the Stars Background
Stars Background Frequently Asked Questions
The Stars Background for Elementor adds a mesmerizing and attractive starry effect to your website’s background, simulating a night sky filled with twinkling stars. This background widget is perfect for websites with celestial, dreamy, or mystical themes, providing a captivating and enchanting design for your Elementor website.
No, the Stars Background is not a free widget. It requires the purchase of the Unlimited Elements Pro plugin version for full access to its features and functionalities.
You can easily add the Stars Background to an Elementor website.
- Install and activate Unlimited Elements pro version for Elementor.
- Navigate to Unlimited Elements → Background Widgets in the WordPress Dashboard
- Search for the 'Stars Background.'
- Hover over the widget and click 'Install.'
To add a Stars Background to your Elementor section or container, follow these steps:
- Install the 'Stars Background' widget.
- Choose the container or section where you'd like to apply the effect.
- Navigate to Style → Unlimited Background → Stars Background.
- Adjust the settings as desired.
- Save your changes and preview the page.
There are 18 different star types to choose from, each offering unique shapes and effects. You can select the type that best suits your website’s theme or the visual feel you want to create, enhancing your design with diverse star visuals.
Yes, you can adjust the number of stars that appear on the screen. This gives you full control over the density of stars, allowing you to create either a sparse or a densely packed starry background, depending on the aesthetic you want to achieve.
Yes, you can customize the stars to complement your design perfectly. You can change the color and also adjust the opacity of the stars to create different visual effects. Lower opacity gives a more subtle, distant look, while higher opacity makes the stars stand out more boldly.
Also, you can set a specific size for the stars, and with the “Random Size” toggle, the stars will range in size, giving a more dynamic appearance without exceeding the set size.
In addition, you can also add a twinkling or flicker effect to the stars. You can control the speed and minimum size for the twinkle, allowing you to create a gentle, sparkling effect or an intense, vibrant twinkling star effect, depending on your preferences.
You can adjust the speed of the stars' movement by setting the duration in seconds. This option allows you to create a calming effect with slow-moving stars or a more dynamic, energetic feel with faster-moving stars, giving you full control over the background's motion.
Yes, the stars can detect mouse movements. You have two options for mouse interaction, on the canvas or within the window viewport. You can also apply different hover effects, such as "Grab," "Bubble," "Repulse," and "Grab + Bubble." These effects alter the behavior of the stars when the user hovers over them.
In addition, you can set a click effect for the stars, with options including "Push," "Remove," "Bubble," and "Repulse." These effects change the behavior of the stars when clicked, allowing you to create interactive and responsive elements that add depth to your website's design.
Yes, you can! By applying the Stars Background to the entire page, the starry effect will seamlessly cover the entire background. This creates a fully immersive celestial experience, perfect for enhancing your website's aesthetic.
Yes, you can! The Background Location setting lets you position the stars either behind or in front of your content. By selecting Foreground, the stars will appear to twinkle over your content, adding a magical and interactive touch. If you prefer a subtler look, choose Background to keep the stars behind your content.
