Skip to content

Star Backgroud

Background Component

Star Backgroud preview image 1

Summary

Background Component

Description

Interactive Stars

Add an immersive, interactive starfield background to your Framer website.

Stars smoothly react to the mouse cursor from any position on the page, creating a subtle particle-push effect that makes your hero sections feel more dynamic and alive.

Live preview: https://galaxystars.framer.ai/?editSite

Gumroad Link: https://rohitanand.gumroad.com/l/lkypty

Features

  • Interactive mouse-reactive stars

  • Works across the entire component area

  • Smooth particle movement and return animation

  • Customizable star count and size

  • Adjustable interaction radius

  • Adjustable interaction strength

  • Custom star and background colors

  • Responsive canvas

  • Lightweight Canvas rendering

  • Easy Framer property controls

  • Perfect for hero sections, portfolios, SaaS websites, Web3, space-themed websites, and creative landing pages

Easy to Customize

Control the look and behavior directly from Framer without touching the code.

Controls: Star Count, Star Size, Star Color, Background Color, Interaction Radius, Interaction Strength, and Return Speed.

Create a subtle background interaction or push the effect further for a more energetic particle experience.

Rank history How rankings work →

12001400154068/179/79/2810/1911/9
  • All · #4427

Details

More like this