---
title: "Interactive Star BG — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Sirrah Space · Backgrounds. Black hole cursor background."
canonical: "https://framer.elliotli.dev/component/interactive-star-bg"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Interactive Star BG

# Interactive Star BG

Black hole cursor background.

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

![Interactive Star BG preview image 1](https://framer.elliotli.dev/og/component/interactive-star-bg/63fd0cb107f4e98c/1600x1200.jpg)

## Summary

Black hole cursor background.

## Description

Transform your Hero Section into a mesmerizing cosmic experience with this Interactive Star component. Unlike static videos, this is a **React Code Component** that tracks your visitor's mouse movement, creating a unique black hole gravity effect in real-time.

**✨ Key Features:**

-   **Mouse Physics:** Particles are magnetically pulled towards the cursor, creating a satisfying 'suction' animation.
    
-   **Dynamic Speed:** Stars accelerate as they get closer to the center (your mouse), simulating real gravity.
    
-   **Lightweight:** Built with code, not heavy video files, ensuring your site loads fast.
    
-   **Seamless Loop:** When the mouse stops, the particles continue to flow naturally.
    

Perfect for creative portfolios, space-themed projects, or high-tech landing pages that want to leave a lasting impression.

Setup is easy, but follows specific layout rules to work as a background:

1.  **Drag & Drop:** Place the component into your Desktop/Hero frame.
    
2.  **Positioning:** Set Position to **'Absolute'** in the right sidebar.
    
3.  **Full Screen:** Set all Pins (Left, Right, Top, Bottom) to **0** to ensure it fills the screen.
    
4.  **Layering:** Set **Z-Index to 0** (or send to back) so your text and buttons appear on top of the stars.
    
5.  **Customization:** Use the property controls to adjust particle count or speed if available.
    

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

-   All · #9236

## Details

- **Author**: Sirrah Space
- **Price**: $5.00
- **Published**: 2025-12-30
- **Updated**: 2026-07-26
- **Added**: 2025-12-16
- **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