---
title: "Night Sky Background — Free Framer component · Best of Framer"
description: "Free Framer component · by Bryan Hermoza · Backgrounds. Immersive animated sky scene"
canonical: "https://framer.elliotli.dev/component/night-sky-background"
---

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

# Night Sky Background

Immersive animated sky scene

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

![Night Sky Background preview image 1](https://framer.elliotli.dev/og/component/night-sky-background/971b288667e2c2e0/1600x1200.jpg)

## Summary

Immersive animated sky scene

## Description

NightSkyBackground is a visual component designed to create a real-time animated night sky effect. It includes twinkling stars and fast-moving comets, adding dynamism and depth to any project. In addition, the component is fully responsive, adapting to any screen size without losing quality or proportion.

You can easily customize the following elements:

-   Star count
    
-   Twinkle speed
    
-   Comet frequency
    
-   Comet color
    
-   Gradient top
    
-   Gradient bottom
    

No returns. If you have any problems, please contact me at [neo.framer@gmail.com](mailto:neo.framer@gmail.com)

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

-   All · #2241

## Details

- **Author**: Bryan Hermoza
- **Published**: 2025-11-10
- **Updated**: 2026-06-22
- **Added**: 2025-10-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