Star Sparkle Effect
Add the component onto your canvas and position it where you want the sparkle effect
Customize Properties: Adjust Density for sparkle count, change Color to match your design, set Size for sparkle dimensions, add Size Variance for natural variation, control Speed for animation timing, and use Speed Variance to create organic movement patterns
Place the component above or below other elements as needed to achieve the desired visual hierarchy
The component includes six property controls: Density (10-200) controls how many sparkles appear, Color sets the sparkle color, Size (1-10px) determines base sparkle size, Size Variance (0-10px) adds random size variation, Speed (0.1-5s) controls animation duration, and Speed Variance (0-5s) randomizes individual sparkle timing for natural movement.
For any queries and help setting up the component, contact hello@segmentui.com
Nabeel
