---
title: "Gravity Stars — Free Framer component · Best of Framer"
description: "Free Framer component · by Aviral Lakhanpaul · Backgrounds. Gravity Stars is an interactive, animated starfield background component with mouse-driven gravity effects and optional particle trails."
canonical: "https://framer.elliotli.dev/component/gravity-stars"
---

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

# Gravity Stars

Interactive starfield background effect

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

![Gravity Stars preview image 1](https://framer.elliotli.dev/og/component/gravity-stars/d65a890bf9316d68/1600x1200.jpg)

## Summary

Gravity Stars is an interactive, animated starfield background component with mouse-driven gravity effects and optional particle trails.

## Description

**Gravity Stars** is an interactive, animated starfield background component with mouse-driven gravity effects and optional particle trails.

It renders a dynamic field of glowing particles that respond to **pointer movement**, **gravity**, and **collisions**. The effect can behave like a subtle parallax background or a highly interactive particle system with emitters and trails.

## Features

-   Interactive mouse gravity with attract and repel modes
    
-   Configurable star count, size, speed, opacity, and colour
    
-   Optional collision behaviour with bounce or merge interactions
    
-   Optional particle trails with adjustable trail duration
    
-   Click emitter mode to spawn additional stars at the cursor
    

## Customization

-   Background colour of the entire effect
    
-   Star group options (colour, count, size, speed, opacity)
    
-   Collision toggle and behaviour (bounce or merge)
    
-   Glow intensity for stars
    
-   Trail ON/OFF toggle and Trail Time duration
    
-   Emitter ON/OFF for click-based star bursts
    
-   Mouse radius of influence
    
-   Mouse gravity mode (attract or repel)
    
-   Gravity strength of the mouse influence
    

## Set up

1.  Add the Gravity Stars component to your canvas as a background layer or section filler.
    
2.  Adjust the Background and Star group properties to match your visual style.
    
3.  That's it, done!
    

After completing your purchase, you will receive a link to the component.

Copy the URL and paste it into your Framer project to import it.

[![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-ddam6xt9-A173JCmyRwkpDWsH5rQE08JleldSI7)](https://polar.sh)

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

-   All · #5023

## Details

- **Author**: Aviral Lakhanpaul
- **Published**: 2025-12-12
- **Updated**: 2026-05-07
- **Added**: 2025-12-02
- **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