Customizable Star Rating Component for Framer

This is a fully customizable Star Rating component built using Framer’s Workshop. Designed for both static display and interactive feedback, this component is ideal for product reviews, feedback forms, rating features, and more.

It supports full and half-star ratings, allowing users to visually represent scores like 3.5 or 4 out of 5. You can control the total number of stars, initial rating value, and customize everything from highlight color to inactive color, star size, and spacing. There's also support for displaying the numeric value beside the stars — complete with font, color, and spacing controls.

Key Features:

• Supports whole and half-star ratings

• Adjustable total stars (e.g. 5, 10)

• Fully customizable highlight and inactive colors

• Responsive star sizing (small, medium, large, or custom)

• Option to show or hide rating value

• Font, size, and color control for value display

• Rounded or sharp star edges

• Adjustable spacing between stars and text

Perfect for designers and developers using Framer who want a clean, scalable way to collect or display user ratings without starting from scratch.

You can easily plug it into any Framer project and tweak it visually using the built-in right panel controls.