Volumetric Light: Free Interactions Component by Dhileep Kumar

Marketplace Components Categories Interactions

Add cinematic "God Rays" to your images with this interactive Three.js component. Features mouse-reactive lighting, customizable density, and exposure controls.

About this Component

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....