Beam Background
A stunning WebGL-powered background with flowing light beams. Fully customizable colors, rotation, glow intensity, and quality settings. Perfect for hero sections, landing pages, and modern web designs. Inspired by React Bits.
Transform your hero sections with a mesmerizing animated light beam effect powered by WebGL shaders.
Key Features
- Dual color gradient with smooth blending
- Adjustable rotation angle and animation speed
- Glow intensity and pillar width controls
- Three quality presets (Low, Medium, High) with automatic device detection
- Screen blend mode for seamless overlay on any background
- Noise texture option for added depth
- Mouse interaction mode (optional)
Ideal For
- Hero backgrounds
- Landing pages
- SaaS and tech websites
- Portfolio showcases
- Dark mode designs
Lightweight, performant, and fully responsive. Based on React Bits (MIT License).
