Star Sparkle Effect
Create a starry sparkling night sky effect with this code component. Color, density, speed are adjustable
Make it with Workshop
Build your own component with AI
Instructions
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
How it Works
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.
Support
For any queries and help setting up the component, contact hello@segmentui.com
