Ultimate Lens Flare

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

Ultimate Lens Flare project preview

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

Open the live project · Source code on GitHub