Gradient Mesh
Visual Effects
Animated multi-color gradient mesh background with smooth transitions between color states.
Loading preview...
Customize
Speed (s)8
Blur (px)100
Props
| Prop | Type | Default | Description |
|---|---|---|---|
className | string | '' | Additional CSS classes. |
colors | string[] | ['#E84E2D', '#C9958A', '#F2ECE2', '#0B0A08'] | Array of colors for the gradient blobs. |
speed | number | 8 | Base animation speed in seconds. |
blur | number | 100 | Blur amount in pixels. |
children | React.ReactNode | — | Content to display on top of the mesh. |