# stars × # rating

Interactive Star Rating

Five stars with hover preview, spring pop on fill and locked-in labels from Terrible to Legendary.

4.4k31.8k7.2kOpen

Spring-Pop Star Rating

Five oversized stars with overshoot spring animation, glow and live label (Terrible → Legendary).

26300Open

Components⚛ TSX Live preview

Star rating input with hover preview

Five stars light up on hover with spring scale on the previewed one; clicking locks the rating and label.

36500Open

Featured UI Elements⚛ TSX Live preview

Pop Star Rating · Ultra Violet

Interactive five-star rating with gradient-filled stars and a springy pop on select. Rendered in the Ultra Violet palette.

46500Open

Pop Star Rating · Cyber Lime

Interactive five-star rating with gradient-filled stars and a springy pop on select. Rendered in the Cyber Lime palette.

68200Open

Pop Star Rating · Sunset Amber

Interactive five-star rating with gradient-filled stars and a springy pop on select. Rendered in the Sunset Amber palette.

75700Open

Pop Star Rating · Rose Gold

Interactive five-star rating with gradient-filled stars and a springy pop on select. Rendered in the Rose Gold palette.

42100Open

Pop Star Rating · Ocean Sky

Interactive five-star rating with gradient-filled stars and a springy pop on select. Rendered in the Ocean Sky palette.

8900Open

Pop Star Rating · Mint Breeze

Interactive five-star rating with gradient-filled stars and a springy pop on select. Rendered in the Mint Breeze palette.

36900Open

Pop Star Rating · Candy Pink

Interactive five-star rating with gradient-filled stars and a springy pop on select. Rendered in the Candy Pink palette.

77100Open

Pop Star Rating · Royal Gold

Interactive five-star rating with gradient-filled stars and a springy pop on select. Rendered in the Royal Gold palette.

43900Open

Components⚛ TSX Live preview

Rating Summary Card

Aggregated review card with star breakdown bars and average score.

HTMLCSSReactAdvanced

Star Rating Input

Interactive star rating with hover preview and filled state.

Star Rating with Half Stars

Interactive star rating supporting halves with hover preview and value label.

Star Rating Input Buttons

Clickable star row with scale pop on selection and reset on double-click.

Rating Slider Hybrid

Slider fused with star labels from 1 to 5 with value bubble.

Detailed Survey Rating

Question rows each with star rating and required indicator.

Rating with Animated Stars

Stars that light up sequentially with pop and confetti tick at max.