Light Streaks

Flowing WebGL light background.

The LightStreaks component is a high-performance, WebGL-powered React background built for Framer. It creates a visually striking effect of flowing, glowing light streams moving up or down the screen. Built with performance in mind, it features an integrated Intersection Observer to pause rendering when off-screen, ensuring optimal frame rates for your website. Through Framer's property controls, users can fully customize the background color, glow aura, and core light colors. It offers fine-tuned control over the animation speed, pulse rate, streak thickness, brightness, and stream density. During edit mode in the Framer canvas, it displays a lightweight static SVG placeholder for a smooth building experience. Perfect for modern, tech-focused, or futuristic web designs requiring dynamic visual flair without compromising page load speeds.

Flowing WebGL light background.