Interactive Star BG

Interactive Star BG

About Interactive Star BG

Transform your Hero Section into a mesmerizing cosmic experience with this Interactive Star component. Unlike static videos, this is a React Code Component that tracks your visitor's mouse movement, creating a unique black hole gravity effect in real-time.

✨ Key Features:

  • Mouse Physics: Particles are magnetically pulled towards the cursor, creating a satisfying 'suction' animation.

  • Dynamic Speed: Stars accelerate as they get closer to the center (your mouse), simulating real gravity.

  • Lightweight: Built with code, not heavy video files, ensuring your site loads fast.

  • Seamless Loop: When the mouse stops, the particles continue to flow naturally.

Perfect for creative portfolios, space-themed projects, or high-tech landing pages that want to leave a lasting impression.

Setup is easy, but follows specific layout rules to work as a background:

  1. Drag & Drop: Place the component into your Desktop/Hero frame.

  2. Positioning: Set Position to 'Absolute' in the right sidebar.

  3. Full Screen: Set all Pins (Left, Right, Top, Bottom) to 0 to ensure it fills the screen.

  4. Layering: Set Z-Index to 0 (or send to back) so your text and buttons appear on top of the stars.

  5. Customization: Use the property controls to adjust particle count or speed if available.