component
Volumetric Light
By Dhileep Kumar
Details
- Dhileep KumarAuthor
- componentType
- 2026-01-21Published
- 2026-01-23Updated
- 2025-12-27Added
- SectionsCategories
Summary
Light effects
Description
Transform your images with stunning volumetric lighting effects (God Rays) that react to user interaction. This component uses high-performance WebGL shaders to simulate light scattering, creating a deep, atmospheric look perfect for hero sections, portfolios, and creative showcases. Key Features: Interactive Lighting: The light source dynamically follows the mouse cursor, creating an engaging user experience. Cinematic Quality: Simulates realistic light decay and density for a professional "God Ray" effect. Fully Customizable: Fine-tune the look with precise controls: Density: Adjust how close the light samples are packed. Weight: Control the intensity and heaviness of the light rays. Decay: Set how quickly the light fades over distance. Exposure: Manage the overall brightness of the effect. High Performance: Built on Three.js with custom fragment shaders for smooth 60fps rendering. Responsive: Automatically adapts to any container size or aspect ratio....
Introduction
Light effects
Rank history
Daily rank per list, from the first snapshot — lower is better.
- All · #4978