---
title: "Bokeh Background — Free Framer component · Best of Framer"
description: "Free Framer component · by Kevin Levron · Backgrounds. Bokeh Background is a beautiful and interactive effect using ThreeJS/WebGL, it adds a futuristic and visually engaging touch to your website."
canonical: "https://framer.elliotli.dev/component/bokeh-background"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Bokeh Background

# Bokeh Background

[View on Framer](https://framer.com/marketplace/components/bokeh-background/?via=elliot-li)

![Bokeh Background preview image 1](https://framer.elliotli.dev/og/component/bokeh-background/a14a9d7642feb5d2/1600x1200.jpg)

## Summary

Bokeh Background is a beautiful and interactive effect using ThreeJS/WebGL, it adds a futuristic and visually engaging touch to your website.

## Description

Bokeh Background is a beautiful and interactive effect using ThreeJS/WebGL, it adds a futuristic and visually engaging touch to your website.

Free version, not customizable.

Pro version : [https://www.framer.com/marketplace/components/bokeh-effect/](https://www.framer.com/marketplace/components/bokeh-effect/)

## Rank history [How rankings work →](/terms#rankings)

-   All · #6931

## Details

- **Author**: Kevin Levron
- **Published**: 2025-09-30
- **Updated**: 2025-11-17
- **Added**: 2025-09-22
- **Categories**: Backgrounds

## More like this

-   [Live_Backgrounds.exe](/component/live-backgrounds-exe) — S̶̈́͂IX BILLIÖ̴́N HERSELF · $19 — Animated backgrounds, 19 presets
-   [Drumskin](/component/drumskin) — KOJA Studios · Free — Interactive dot grid background
-   [Eclipse Ring](/component/eclipse-ring) — Lunaut Studio · $9 — A total eclipse for your hero
-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background