Bokeh Effect is a beautiful and interactive bokeh effect using ThreeJS/WebGL.
Make it with Workshop
Build your own component with AI
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