Bokeh Effect

bokeh effect using ThreeJS/WebGL.

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