---
title: "Stars Background — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Maryam · Backgrounds. Animated starfield for your designs"
canonical: "https://framer.elliotli.dev/component/stars-background"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Stars Background

# Stars Background

Animated starfield for your designs

[View on Framer](https://framer.com/marketplace/components/stars-background/?via=elliot-li)

![Stars Background preview image 1](https://framer.elliotli.dev/og/component/stars-background/35c36d359ec31ea3/1600x1200.jpg)

## Summary

Animated starfield for your designs

## Description

## 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.

## Rank history [How rankings work →](/terms#rankings)

-   All · #11030

## Details

- **Author**: Maryam
- **Price**: $5.00
- **Published**: 2026-03-07
- **Updated**: 2026-03-09
- **Added**: 2026-02-27
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background