Glitter Warp
glitter-warp-tw
Customize
1x
20
1x
0.1
0.05
0
Props
| Name | Type | Default | Description |
|---|---|---|---|
| width | number | string | "100%" | Width of the component in pixels or CSS value |
| height | number | string | "100%" | Height of the component in pixels or CSS value |
| speed | number | 1.0 | Animation speed multiplier |
| color | string | "#ffffff" | Star color in hex format |
| density | number | 15.0 | Density of stars (higher = more spread out) |
| brightness | number | 1.0 | Star brightness multiplier |
| starSize | number | 0.1 | Star size (higher = larger stars) |
| focalDepth | number | 0.05 | Focal depth for perspective (lower = stronger 3D effect) |
| turbulence | number | 0.0 | Turbulence intensity for wavey distortion |
| autoPlay | boolean | true | Whether to automatically play the animation |
| className | string | "" | Additional CSS classes |
| children | React.ReactNode | undefined | Content to render on top of the glitter effect |