Skip to content

component

Star Sparkle Effect

By Nabeel

Details

Summary

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…

Description

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

Rank history

Daily rank per list, from the first snapshot — lower is better.

120014001600176408/148/228/309/79/15
  • All · #7513