Introducing Light Bloom, a new interactive WebGL background for Framer.

I wanted to create something that feels more atmospheric than a traditional gradient background, so I built procedural light rays that evolve across the screen with subtle cursor interaction.

It comes with:

• 7 color presets

• 7 animation presets

• Custom color controls

• Adjustable glow, density, speed, grain, and mouse sensitivity

• Responsive WebGL rendering

• Static-renderer support

• Performance-conscious viewport and visibility handling

Perfect for hero sections, portfolios, creative websites, product launches, and immersive landing pages.

Introducing Light Bloom, a new interactive WebGL background for Framer.

I wanted to create something that feels more atmospheric than a traditional gradient background, so I built procedural light rays that evolve across the screen with subtle cursor interaction.

It comes with:

• 7 color presets

• 7 animation presets

• Custom color controls

• Adjustable glow, density, speed, grain, and mouse sensitivity

• Responsive WebGL rendering

• Static-renderer support

• Performance-conscious viewport and visibility handling

Perfect for hero sections, portfolios, creative websites, product launches, and immersive landing pages.