← All Components
Forms

Rating Stars Pro

Free

A forms component built for Framer. Live preview below — interact with it directly before you buy.

Rating Stars Pro
If it saves you time, a small tip is always appreciated.Donation

About 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.

Features

  • 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 forms
  • 5 size presets — XS / SM / MD / LG / XL instant presets plus a custom pixel input for exact sizing
  • 8 live demo panel controls (Size, Glow, Label, Style, Bar, Anim, Wave, Theme)
  • 5 label display modes: Score, Fraction, Percent, Text, + Review Count
  • 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

Best value

Get every component with All-Access — $129

Rating Stars Pro and all 122 others, current and future.

Get All-Access