Star Burst
Star burst explosion effect with particles
star-burst-tw
Customize
Tweak the props liveBasic
1
0.5
100
#e3b3eaStars
0.3
0.2
1
1
1.5
Effects
0.5
0.5
1
1
0.5
2.5
Props
| Name | Type | Default | Description |
|---|---|---|---|
speed | number | 1 | Animation speed multiplier. |
density | number | 0.5 | Radial density of the stars. |
starCount | number | 100 | Number of angular spokes/stars. |
color | string | "#e3b3ea" | Star color (hex format). |
centerX | number | 0.5 | Horizontal focal point (0-1). |
centerY | number | 0.5 | Vertical focal point (0-1). |
starSize | number | 0.3 | Star glow size multiplier. |
brightness | number | 1 | Overall brightness multiplier. |
opacity | number | 1 | Overall opacity (0-1). |
flowerIntensity | number | 0.5 | Intensity of the center flower/bloom effect. |
twinkleSpeed | number | 0.2 | Speed of star twinkling animation. |
wobbleAmount | number | 1 | Amount of star wobble/movement. |
innerLayerIntensity | number | 1 | Intensity of the inner star layer. |
outerLayerIntensity | number | 1.5 | Intensity of the outer star layer. |
fadeHeight | number | 2.5 | Height of the vertical fade gradient. |
className | string | "" | Additional CSS classes. |
speednumberAnimation speed multiplier.
Default:
1densitynumberRadial density of the stars.
Default:
0.5starCountnumberNumber of angular spokes/stars.
Default:
100colorstringStar color (hex format).
Default:
"#e3b3ea"centerXnumberHorizontal focal point (0-1).
Default:
0.5centerYnumberVertical focal point (0-1).
Default:
0.5starSizenumberStar glow size multiplier.
Default:
0.3brightnessnumberOverall brightness multiplier.
Default:
1opacitynumberOverall opacity (0-1).
Default:
1flowerIntensitynumberIntensity of the center flower/bloom effect.
Default:
0.5twinkleSpeednumberSpeed of star twinkling animation.
Default:
0.2wobbleAmountnumberAmount of star wobble/movement.
Default:
1innerLayerIntensitynumberIntensity of the inner star layer.
Default:
1outerLayerIntensitynumberIntensity of the outer star layer.
Default:
1.5fadeHeightnumberHeight of the vertical fade gradient.
Default:
2.5classNamestringAdditional CSS classes.
Default:
""