Gravity Stars

Show Preview
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.