# Ultimate Lens Flare

> Realistic lens flare component for R3F and Threejs · 2024 · Components, WebGL

Canonical page: https://andersonmancini.dev/projects/ultimate-lens-flare

An **EffectComposer** effect for React Three Post Processing — optical aberration from light dispersing through a lens edge, with circular or hexagonal bursts that shine especially well on sun lights.

Available as **@andersonmancini/lens-flare**: drop it into your composer, pass a dirt texture, and dial brightness, star points, glare, ghosts, burst, blend modes and more with live preview. Occlusion-aware by default, with options to follow the mouse, fake a sun position, or exclude skyboxes from raycasting.

Built for R3F projects that need cinematic flare without reinventing the post-processing stack — open source and free to use.

## Technical details

- React Three Fiber
- Post Processing
- EffectComposer
- Lens Flare
- Occlusion Detection
- Customizable Parameters
- npm Package
- WebGL

## Links

- [Open the live project](https://ultimate-lens-flare.vercel.app/)
- [Source code on GitHub](https://github.com/ektogamat/R3F-Ultimate-Lens-Flare)

## More projects

- Previous in Components: [Transition Material](https://andersonmancini.dev/projects/transition-material.md)
- Next in Components: [Confetti component](https://andersonmancini.dev/projects/confetti-component.md)