Better Star Rating Input

Demo to preview the settings

Introduction

Easily integrate the Better Star Rating Input into your Bubble app to provide a sleek, interactive, and customizable star rating system for users. This plugin enables a seamless experience for gathering user feedback or ratings, with options to adjust the appearance and behavior of the star ratings to fit your app’s style and user flow.
With Better Star Rating Input, you can configure ratings to reflect user preferences or score insights, making it ideal for applications that rely on user input to enhance content quality, services, or product reviews. Simplify feedback collection and add a professional, polished look to your app with this adaptable rating system.
Image without caption

How to setup

  1. Install Better Star Rating Input plugin
Image without caption
  1. Place the Better Star Rating Input element on the page
Image without caption

Plugin Element Properties

Image without caption
Title
Description
Type
Mode
When mode is 'input', the rating input can be used to collect star ratings. Use the 'Display a value' mode to set the input to display only
Dropdown
Value
Number of stars
Number, Optional
Star active color
Color of the star when active
Color
Star placeholder color
Star placeholder color
Color
Star size
The size of the stars in pixels.
Number, Required
Stars count
The number of stars to display.
Number, Required
Gap between stars
Gab spacing between stars in pixels.
Number, Required
Padding
Padding in pixels.
Number, Required

Exposed states

Title
Description
Type
value
Indicates the number of the stars
Number

Element Events

Title
Description
Star is clicked
Triggered when a star is clicked

Element Actions

Set to value

Image without caption

Changelogs