Star Rating Pro Bubble Mobile

⚠️

This plugin is currently available only in the Bubble Mobile Bundle.

Demo to preview the plugin:

✅

Live Demo: https://zeroqode-native-demo-08.bubbleapps.io/api/1.1/mobile/preview?debug_mode=true&preview_view=Rating%20Stars%20Pro

✅

Bubble Editor: https://bubble.io/page?id=zeroqode-native-demo-08&plugin=1760467404449x715300701926326300_current&tab=Design&name=Rating+Stars+Pro&type=page&version=live&elements=bTIPh

Introduction

The Star Rating Pro Bubble Mobile plugin enables you to easily integrate an interactive star rating system into your Bubble application. Designed for simplicity, it provides a lightweight and customizable way to capture user ratings, feedback, or evaluations directly within your app.

With seamless Bubble integration and fast setup, it’s a straightforward solution for apps that need a user-friendly rating feature without added complexity.

Prerequisites

This plugin is designed specifically for the mobile version of the Bubble editor. To test the plugin on your mobile device, use the TestFlight app available at: https://testflight.apple.com/join/kW1puGu7

⚠️

Please note that the testing app is currently available for iOS only.

How to setup

Plugin Element - Rating Stars

Fields

Element Actions

Set Rating

Reset Rating

Exposed States

Element Events

Workflow example

Here are some basic workflow examples to get you started with the Stars Rating Pro for Bubble Mobile plugin:

Title	Description	Type
Maximum Rating	Defines the maximum number of stars (e.g., 5).	Number, Required
Initial Rating	The rating value initially selected when the component loads.	Number, Required
Star Size	Size of each star (in pixels).	Number, Required
Disabled	If true, the rating cannot be changed by the user.	Boolean, Required
Active Color	Color of selected (active) stars.	Color, Required
Inactive Color	Color for inactive icons	Color, Required
Icon Type	Type of icon: star, heart, circle, square, triangle, diamond, pentagon, hexagon, moon, smiley	Dropdown
Gap	Gap between icons	Number, Required
Rotation Angle	Rotation angle for icons in degrees	Number, Required
Scale Animation	Scale factor for press effect	Number, Required
ContainerBackgroundColor	Background color for container	Color
Enable Shadow	Apply shadow effect to icons	Yes/No, Required
Shadow Color	Custom color for shadow	Color
Stroke Width	Thickness of icon outlines	Number, Required

Title	Description	Type
Rating	Sets the new star rating value to be displayed.	Number, Required

Name	Description	Type
Current Rating	Indicates the current rating number	Number
Disabled	Indicates whether the rating is enabled	Yes/No

Name	Description
Rating Changed	Triggered When Rating Changed