---
title: "Rating Stars Pro — Free Framer component · Best of Framer"
description: "Free Framer component · by Ahmet Loca · Forms. Rating Stars Pro is a fully animated, accessible star rating component for Framer."
canonical: "https://framer.elliotli.dev/component/rating-stars-pro"
---

[Home](/)/[Components](/components)/[Forms](/components/category/forms)/Rating Stars Pro

# Rating Stars Pro

Animated star ratings with wave

[View on Framer](https://framer.com/marketplace/components/rating-stars-pro/?via=elliot-li)

![Rating Stars Pro preview image 1](https://framer.elliotli.dev/og/component/rating-stars-pro/5fa0f0c7c746088a/1600x1200.jpg)

## Summary

Rating Stars Pro is a fully animated, accessible star rating component for Framer.

## Description

**MORE FRAMER COMPONENTS LIKE THIS**

**✦ Browse +38 FREE + 85 premium components:** [**https://frameze.com/components**](https://frameze.com/components)

**✦ Get everything for one price:** [**https://ahmetloca.dub.link/allcomponents**](https://ahmetloca.dub.link/allcomponents)

## **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.

**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**](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
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #2858

## Details

- **Author**: Ahmet Loca
- **Published**: 2026-06-05
- **Updated**: 2026-07-25
- **Added**: 2026-06-02
- **Categories**: Forms

## More across types

-   [Wallble: Guest Book & Wall of Love](/plugin/wallble-guest-book-wall-of-love) — Wallble · Free — Guest book & Wall of Love

## More like this

-   [Stay Booking Pro](/component/stay-booking-pro) — Design Foundry · $10 — Stay Planner with Dynamic Pricing
-   [Postcode Checker](/component/postcode-checker) — Sean Weekes · $15 — Do we cover your area? (UK
-   [Property Calculators](/component/property-calculators) — Sean Weekes · $12 — UK Stamp Duty, mortgage and yield
-   [UTM Lead Capture](/component/utm-lead-capture) — Sean Weekes · $9 — See where every lead came from