Glow Star Rating · Fully customizable star ratings
Bring professional-grade feedback loops to your Framer projects with this Star Rating component. Designed for both aesthetic flexibility and functional precision, it allows you to match your brand's look and feel in seconds.
Key Features:
Dynamic Customization: Adjust star size and spacing using intuitive sliders for the perfect visual fit.
Brand Alignment: Full control over "Empty" and "Filled" colors with HEX support to match your design system.
Spring Animations: Utilize built-in spring physics for a tactile, responsive feel when users interact with the stars.
Glow Effects: Toggle a subtle glow behind active stars to add depth and emphasis to high ratings.
Dual Modes: Use it as an interactive input for forms or switch to Read Only mode to display average ratings on product cards or hero sections.
Precise Controls: Set initial values and use the stepper to ensure your layout looks exactly right before publishing.
How to use: Simply drag the component onto your canvas and use the property panel to define your starting rating and visual style. If you're building a review section, toggle "Read Only" to Yes to prevent user manipulation while maintaining the beautiful animated styling.
Bring professional-grade feedback loops to your Framer projects with this Star Rating component. Designed for both aesthetic flexibility and functional precision, it allows you to match your brand's look and feel in seconds.
Key Features:
Dynamic Customization: Adjust star size and spacing using intuitive sliders for the perfect visual fit.
Brand Alignment: Full control over "Empty" and "Filled" colors with HEX support to match your design system.
Spring Animations: Utilize built-in spring physics for a tactile, responsive feel when users interact with the stars.
Glow Effects: Toggle a subtle glow behind active stars to add depth and emphasis to high ratings.
Dual Modes: Use it as an interactive input for forms or switch to Read Only mode to display average ratings on product cards or hero sections.
Precise Controls: Set initial values and use the stepper to ensure your layout looks exactly right before publishing.
How to use: Simply drag the component onto your canvas and use the property panel to define your starting rating and visual style. If you're building a review section, toggle "Read Only" to Yes to prevent user manipulation while maintaining the beautiful animated styling.
