Geometric Background
Animated geometric patterns — triangles, hexagonal grids, Voronoi diagrams, and circle grids.
Import
import { GeometricBackground } from "@igorao79/uivix";Playground
60px
1x
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "triangles" | "hexgrid" | "voronoi" | "circles" | "triangles" | Geometric pattern type |
| colors | string[] | ["#8b5cf6", ...] | Color palette |
| cellSize | number | 60 | Size of each cell in px |
| speed | number | 1 | Animation speed |
| opacity | number | 0.5 | Overall opacity |
| className | string | fixed inset-0 ... | CSS class |