Rating Stars Pro
Rating Stars Pro is a fully animated, accessible star rating component for Framer. Click any star to set a rating with smooth fill and burst animations, wave cascade effects, dynamic color range and optional glow. Includes an interactive demo panel for showcasing every feature in real time.
Animated star fill — each star animates on click with a spring bounce and burst particle effect for satisfying feedback
Half-star support — hover left or right on any star to select precise half ratings with gradient SVG rendering
Color range — fill color interpolates from red to yellow to green based on the rating, ideal for NPS and feedback form
5 size presets — XS / SM / MD / LG / XL instant presets plus a custom pixel input for exact sizing
What's Included
1 Framer component file (ratingStarsPro.tsx)
8 live demo panel controls (Size, Glow, Label, Style, Bar, Anim, Wave, Theme)
5 label display modes: Score, Fraction, Percent, Text, + Review Count
5 size presets: XS (20px) → XL (72px) + Custom
Color Range mode with 3 configurable color stops
Glow effect with adjustable intensity
Wave fill animation with per-star stagger delay
Rating bar with animated fill
Full ARIA slider with keyboard navigation
Read-only display mode
Dark and Light demo backgrounds
Use Cases
E-commerce — product rating display on listing cards and detail pages
User feedback forms — NPS surveys and post-purchase review flows
Movie & content ratings — streaming UI, editorial review scores
App store UI — app rating summaries with review count
Dashboard widgets — satisfaction scores and KPI indicators
Agency & portfolio sites — interactive demos and case study metrics
SaaS onboarding — feature rating and user satisfaction checkpoints
Keywords
star rating rating component review stars animated stars interactive rating half star wave animation glow effect color range NPS feedback form product rating framer component rating bar accessible keyboard navigation ecommerce
Rating Stars Pro
Rating Stars Pro is a fully animated, accessible star rating component for Framer. Click any star to set a rating with smooth fill and burst animations, wave cascade effects, dynamic color range and optional glow. Includes an interactive demo panel for showcasing every feature in real time.
Animated star fill — each star animates on click with a spring bounce and burst particle effect for satisfying feedback
Half-star support — hover left or right on any star to select precise half ratings with gradient SVG rendering
Color range — fill color interpolates from red to yellow to green based on the rating, ideal for NPS and feedback form
5 size presets — XS / SM / MD / LG / XL instant presets plus a custom pixel input for exact sizing
What's Included
1 Framer component file (ratingStarsPro.tsx)
8 live demo panel controls (Size, Glow, Label, Style, Bar, Anim, Wave, Theme)
5 label display modes: Score, Fraction, Percent, Text, + Review Count
5 size presets: XS (20px) → XL (72px) + Custom
Color Range mode with 3 configurable color stops
Glow effect with adjustable intensity
Wave fill animation with per-star stagger delay
Rating bar with animated fill
Full ARIA slider with keyboard navigation
Read-only display mode
Dark and Light demo backgrounds
Use Cases
E-commerce — product rating display on listing cards and detail pages
User feedback forms — NPS surveys and post-purchase review flows
Movie & content ratings — streaming UI, editorial review scores
App store UI — app rating summaries with review count
Dashboard widgets — satisfaction scores and KPI indicators
Agency & portfolio sites — interactive demos and case study metrics
SaaS onboarding — feature rating and user satisfaction checkpoints
Keywords
star rating rating component review stars animated stars interactive rating half star wave animation glow effect color range NPS feedback form product rating framer component rating bar accessible keyboard navigation ecommerce
