Prismatic Burst
Spectacular prismatic light burst with customizable colors and animation modes.
Bynana UI
Welcome to the future of design
Usage
import PrismaticBurst from './PrismaticBurst';
<div style={{ width: '100%', height: '600px', position: 'relative' }}>
<PrismaticBurst
animationType="rotate3d"
intensity={2}
speed={0.5}
distort={1.0}
rayCount={24}
colors={['#ff007a', '#4d3dff', '#ffffff']}
/>
</div>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| intensity | number | 2 | Effect intensity |
| speed | number | 0.5 | Animation speed |
| animationType | 'rotate' | 'rotate3d' | 'hover' | 'rotate3d' | Animation type |
| colors | string[] | undefined | Color palette |
| distort | number | 0 | Distortion amount |
| rayCount | number | undefined | Number of rays |
| mixBlendMode | string | "lighten" | Blend mode |
| hoverDampness | number | 0 | Hover dampening |