Magic Star Rating

This component allows users to rate by dragging a star horizontally across the bar to indicate their desired score.

This component allows users to rate by dragging a star horizontally across the bar to indicate their desired score. The progress fill dynamically adjusts based on the star’s position. When the star is tapped or dragged , a sparkle animation appears beside it, creating a lively and engaging interaction. The sparkle effect can be enabled or disabled through a toggle property, making the component flexible for both playful or minimal interface styles. It is fully responsive, lightweight, and ideal for rating systems, gamified UIs, or feedback forms.