Gravity Stars

Show Preview
Gravity Stars
Gravity Stars

About Gravity Stars

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.

From Aviral Lakhanpaul

Liquid Shader
Grid Motion Gallery
Blur Vignette
Accordion Stack

Related Components

silhouet animated BG
3d Interactive Stars
ASCII Hero
ElasticGridPro