AnimatedBackground
Animated Background
Playground
Props
| Prop | Type | Default | Value |
|---|---|---|---|
shapeMode | 'fluid' | 'hexagon' | 'square' | — | |
shapeSize | number | — | |
strokeWidth | number | — | |
strokeOnly | boolean | — | |
quality | 1 | 2 | 3 | 4 | — | — |
speed | number | — | |
intensity | number | — | |
opacity | number | — | |
glowColor | string | — | |
fillColor | string | — | |
showParticles | boolean | — | |
particleCount | number | — | |
enableMouseTracking | boolean | — | |
contained | boolean | — |
Usage
<AnimatedBackground
shapeMode="hexagon"
shapeSize={60}
strokeWidth={2}
strokeOnly={true}
quality={3}
speed={0.5}
intensity={0.4}
opacity={0.6}
glowColor="--color-primary"
fillColor="--color-muted"
/>