Stars Background: Free Backgrounds Component by Maryam

Add a dynamic animated stars background to any section. Customize star colors, density, size range, opacity and background, with a toggle to switch on and off the twinkle animation. Fully responsive and lightweight. Drop it in and make your layouts feel alive.

Animated starfield for your designs ✦

This component gives you full control over a procedurally generated starfield. Configure it directly from the Framer properties panel — no code needed.

Properties:

Star Color: Pick any color to match your palette.
Density:Control how many stars fill the canvas, from sparse to packed.
Min Size & Max Size: Set the range for star sizes to create natural depth.
Opacity: Adjust overall star transparency for subtle or bold effects.
Background Color: Set any backdrop color or make it fully transparent to layer over your own backgrounds.
Twinkle Animation: Toggle on for a gentle pulsing glow, or off for a static starfield.

Stars are randomly distributed, so you can layer this over gradients, images, or solid fills. Works great for hero sections, landing pages, and dark-themed layouts.

Refund Policy

All purchases of this Framer component are final and non-refundable.

Because this is a digital product that is delivered instantly after purchase, we are unable to offer refunds, exchanges, or cancellations once the payment has been completed.

If you experience a technical issue you may contact maryam@fanal.me and i'll be happy to assist.