Magic Star Rating
Interactive Star Rating Component – A playful rating bar that lets users leave feedback by dragging a star along a progress track. Designed for delightful user interaction.
Make it with Workshop
Build your own component with AI
About this Component
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.
