Transport your website visitors into deep space with the Cosmic Ray background component. This high-performance Framer background renders a stunning, atmospheric scene featuring a powerful, animated light beam radiating from a customizable core star. Behind the beam, a vast field of twinkling, parallax-scrolling stars adds incredible depth and motion to your layout.
Built using custom GLSL shaders, this component offers immense visual flexibility. You can choose from four distinct core shapes (Round, Lens Flare, Diamond, Comet) and freely position the beam's origin anywhere on the canvas. Adjust the beam's angle, spread, and speed, and toggle the dense starry background on or off. Designed with an intelligent Intersection Observer, the animation automatically pauses when scrolled out of view to preserve device battery and CPU performance.
Functions (Key Features):
🌠 Dynamic Starfield: A multi-layered, twinkling starry background that moves with a subtle parallax effect.
🔦 Cosmic Light Beam: An animated, textured light beam with customizable spread, length, angle, and speed.
🌟 Custom Core Shapes: Choose from 4 unique origins for the light beam: Round, Lens Flare, Diamond, or Comet.
🎨 Deep Color Control: Granular control over the Background color, Core Color, and the surrounding Beam Aura.
🚀 WebGL Performance: Lightweight, pure shader-based rendering ensures perfectly smooth 60fps animations with auto-pause optimization.
Transport your website visitors into deep space with the Cosmic Ray background component. This high-performance Framer background renders a stunning, atmospheric scene featuring a powerful, animated light beam radiating from a customizable core star. Behind the beam, a vast field of twinkling, parallax-scrolling stars adds incredible depth and motion to your layout.
Built using custom GLSL shaders, this component offers immense visual flexibility. You can choose from four distinct core shapes (Round, Lens Flare, Diamond, Comet) and freely position the beam's origin anywhere on the canvas. Adjust the beam's angle, spread, and speed, and toggle the dense starry background on or off. Designed with an intelligent Intersection Observer, the animation automatically pauses when scrolled out of view to preserve device battery and CPU performance.
Functions (Key Features):
🌠 Dynamic Starfield: A multi-layered, twinkling starry background that moves with a subtle parallax effect.
🔦 Cosmic Light Beam: An animated, textured light beam with customizable spread, length, angle, and speed.
🌟 Custom Core Shapes: Choose from 4 unique origins for the light beam: Round, Lens Flare, Diamond, or Comet.
🎨 Deep Color Control: Granular control over the Background color, Core Color, and the surrounding Beam Aura.
🚀 WebGL Performance: Lightweight, pure shader-based rendering ensures perfectly smooth 60fps animations with auto-pause optimization.
