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.