# 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 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 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 Live preview

Rating Summary Card

Aggregated review card with star breakdown bars and average score.

HTMLCSSSimple

Star Rating Input

Interactive star rating with hover preview and filled state.

Components⚛ TSX Live preview

Feedback Modal with Rating

Feedback dialog with star prompt, sentiment buttons and thank-you state.

Star Rating with Half Stars

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

Score Breakdown Bars

Aggregate rating display with per-star percentage bars and average bubble.

Star Rating Input Buttons

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

Emoji Mood Rating

Five emoji faces rating with bounce on selection and label feedback.

Rating Slider Hybrid

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

Inline Thumbs Rating

Lightweight up/down thumbs rating with count flip animation.

Detailed Survey Rating

Question rows each with star rating and required indicator.

Lifetime Value Rating Bar

Compact bar rating with segmented filled blocks and value.

Rating with Animated Stars

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