Skip to content

component

Gravity Stars

By Aviral Lakhanpaul

Details

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 Add the Gravity Stars component to your canvas as a background layer or section filler. Adjust the Background and Star group properties to match your visual style. 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.

Introduction

Interactive starfield background effect

Rank history

Daily rank per list, from the first snapshot — lower is better.

12001400143218/148/228/309/79/15
  • All · #4321