Interactive Star BG

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.

From Sirrah Space

Scroll Glass Grid
Light Streaks
Liquid Neon WebGL
Liquid Aura Gradient

Related Components

Glyph Trail
Ripple background
ScrollColorSwitch
Shader Backgrounds