Bokeh Background
Soft, blurred floating shapes — circles, hexagons, diamonds, triangles, stars, rings, or a mix of all.
Import
import { BokehBackground } from "@igorao79/uivix";Playground
15
1x
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| count | number | 15 | Number of shapes |
| shape | "circle" | "hexagon" | "diamond" | "triangle" | "star" | "ring" | "mixed" | "circle" | Shape of bokeh elements |
| colors | string[] | ["#8b5cf6", ...] | Shape colors |
| speed | number | 1 | Animation speed |
| sizeRange | [min, max] | [40, 200] | Size range in px |
| className | string | fixed inset-0 ... | CSS class |