Bokeh Effect

Bokeh Effect
Bokeh Effect

About Bokeh Effect

Bokeh Effect is a beautiful and interactive bokeh effect using ThreeJS/WebGL.

Demo : https://threejs-components-bokeh-background.framer.website/

This component can be easily integrated into your projects. It is lightweight and optimized for performance, ensuring smooth animation without compromising the user experience.

It is customizable to fit your design needs :

  • Background color

  • Colors

  • Opacity

  • Blur level

  • Focal length : The shorter the focal length, the stronger the bokeh effect

  • Focus distance : Distance between the camera and the focus point

  • Min scale : Minimum scale of the bokeh elements

  • Max scale : Maximum scale of the bokeh elements

Single Licence for one commercial project, includes :

  • Framer Component

  • Example Project Remix

  • Email support

From Kevin Levron

Gravity Spheres
Grid Background
Bokeh Background
Starfield Effect

Related Components

Perspective Tiles
Fluid Backgrounds
Glyph Blocks BG
Hover Mask Effect