The Starfield Background widget for Elementor creates a dynamic, moving field of stars that adds depth and a captivating cosmic atmosphere to any section. Available in the Unlimited Elements plugin, this lightweight yet visually stunning widget enhances your designs with subtle motion and a futuristic feel perfect for creative layouts, tech-themed pages, hero sections, or backgrounds that need an immersive touch. With smooth performance and customizable settings, the Starfield Background widget is a powerful way to elevate your Elementor designs with a sense of space and dimension.
Let’s look at each of the options in the Starfield Background widget for Elementor below.
Add a Starfield Background to Elementor
This widget requires Unlimited Elements PRO version installed and activated on your WordPress website.
Add a Starfield Background to an Elementor Page
Elementor Starfield Background customizable settings
Background Type
Defines the type of animated or unlimited background to use.
Color
Sets a primary color, likely for overall tinting or a specific element within the background.
Background Color
Sets the base background color, often the darkest color in a starfield.
Number of Stars
Controls how many individual stars are displayed in the background.
Star Size
Adjusts the visual size of the stars.
Base Speed
Sets the fundamental speed at which the stars move.
Trail Length
Controls how long the "tail" or streak of each star is, creating a motion blur effect.
Hue Jitter
Introduces slight random variations in the hue (color tint) of the stars.
Accelerated Speed
Sets an additional speed component for stars that are "accelerated."
Acceleration Rate
Controls how quickly stars gain speed to reach the accelerated speed.
Deceleration Rate
Controls how quickly stars lose speed from the accelerated speed.
Spawn Radius Min
Sets the minimum distance from the center where stars can appear.
Spawn Radius Max
Sets the maximum distance from the center where stars can appear.
Set Background Location in Starfield 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.
In Background
Appear behind your content.
In Foreground
Overlay on top of content.
Site Body Background
Covers the entire page background globally.
Site Body Foreground
Overlay all site content (header to footer).
Layout Background
Restricted to a specific section/widget.
Layout Foreground
Overlay a single section/widget.
Starfield Background Widget Design Examples For Elementor
Here are some live use cases for the Starfield Background widget.
Planets Info with Starfield Background widget.
VR Glasses Product with Starfield Background widget.
Thank you for using the Starfield Background Widget for Elementor! This powerful widget from the Unlimited Elements plugin creates a moving field of stars, giving any section a deep, cosmic atmosphere. It’s perfect for adding subtle motion, depth, and a futuristic touch to your layouts while keeping performance smooth and lightweight. If you have any questions or need support, feel free to reach out. For more examples and inspiration, visit the live demo on our website.