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.

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.