---
title: "Volumetric Light — Free Framer component · Best of Framer"
description: "Free Framer component · by Dhileep Kumar · Sections. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/component/volumetriclight"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Volumetric Light

# Volumetric Light

Light effects

[View on Framer](https://framer.com/marketplace/components/volumetriclight/?via=elliot-li)

![Volumetric Light preview image 1](https://framer.elliotli.dev/og/component/volumetriclight/2f6c2a34cfedaa3f/1600x1200.jpg)

## Summary

Light effects

## Description

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-88b1e3g7-Tr1yS0FOsvYots2ZZp8LIQGF454Vdm)

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

## Rank history [How rankings work →](/terms#rankings)

-   All · #6841

## Details

- **Author**: Dhileep Kumar
- **Published**: 2026-01-21
- **Updated**: 2026-01-23
- **Added**: 2025-12-27
- **Categories**: Sections

## More like this

-   [Sale Bar](/component/sale-bar) — Brandon Grimes · $12 — Auto-start Black Friday promo bar
-   [Show and Tell](/component/show-and-tell) — Majed Monem · $9 — Feature tabs that play themselves
-   [Infinite Picker Whee](/component/infinite-picker-whee) — Karim Saif · Free — Rotating 3D text selector
-   [Resource Preview Dec](/component/resource-preview-dec) — felix strobel · Free — Editorial guides with folding cove