Skip to content

component

Volumetric Light

By Dhileep Kumar

Details

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.

12001400149788/148/228/309/79/15
  • All · #4978