MORE FRAMER COMPONENTS LIKE THIS
✦ Browse +38 FREE + 85 premium components: https://frameze.com/components
✦ Get everything for one price: https://ahmetloca.dub.link/allcomponents
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
5 size presets — XS / SM / MD / LG / XL instant presets plus a custom pixel input for exact sizing
_______________________________________________________________
Donation: https://ahmetloca.dub.link/donation
if it saves you time, a small tip is always appreciated.
_______________________________________________________________
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
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
MORE FRAMER COMPONENTS LIKE THIS
✦ Browse +38 FREE + 85 premium components: https://frameze.com/components
✦ Get everything for one price: https://ahmetloca.dub.link/allcomponents
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
5 size presets — XS / SM / MD / LG / XL instant presets plus a custom pixel input for exact sizing
_______________________________________________________________
Donation: https://ahmetloca.dub.link/donation
if it saves you time, a small tip is always appreciated.
_______________________________________________________________
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
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
