MARKETPLACE
PLUGINS
NWD STAR RATING (FULL/HALF/LABELS)
NWD Star Rating (Full/Half/Labels) logo

NWD Star Rating (Full/Half/Labels)

Published September 2026
   •    Updated this week

Plugin details

NWD Star Rating (Full/Half/Labels) is the rating input Bubble was always missing. Built as a native-like input, it brings full or half ratings, hover preview, labels for each rating, and click animations together in one polished component. Fully customizable through 20+ properties, giving you complete control over every visual and behavioral detail.
This plugin is part of Newed UI - Component Library, a growing library of advanced, highly customizable components for Bubble. Each component is built from scratch, carefully designed, and tested in real applications to deliver the level of control, polish, and reliability that native Bubble elements often don’t provide. Look for other Newed plugins in the marketplace.



Key Features

Flexible Rating
✅ Full or half ratings, from 1 to 10 icons
✅ Labels for each rating, such as Terrible, Bad, OK, and Great
✅ Optional value label (4.5 / 5)
✅ Click the current rating again to clear it

Fully Customizable
✅ 20+ properties for complete visual and behavioral control
✅ Custom rating icons, such as stars, hearts, and thumbs, with outline or solid empty icons
✅ Filled, empty, and hover colors, size, and spacing
✅ Custom click animations, such as elastic, pop, and bounce
✅ Seamless integration with native Bubble styles while preserving a consistent appearance across browsers and matching your app design

Smooth User Experience
✅ Hover preview before clicking
✅ Keyboard ready with arrows, Home, and End
✅ Handles required and invalid states with customizable styling
✅ Screen reader ready, with an accessible label and description, and reduced motion support

Workflow Friendly
✅ Exposed states for the rating and its label
✅ Initial value available to your workflows even while the element is hidden
✅ Focus action that can be triggered from anywhere for full workflow control
✅ Reset action with flexible behavior that integrates with native Bubble actions or custom workflows
✅ Value changed event for seamless Bubble integration
✅ Built with pure CSS and JavaScript for maximum performance and reliability

*The Demo Preview includes the full documentation and examples to help you get set up correctly.



How to test this plugin almost for free?
Subscribe and test it for a few days to see if the plugin meets your needs. Subscriptions are billed prorated, so if you cancel after a short period, you'll only pay for the days used.

Get in Touch
We'd love to hear from you! If you need help, have any questions about our plugins, want to provide feedback, or suggest a feature, please contact us directly.

$12

One time  •  Or  $4/mo

stars   •   0 ratings
1 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Galde C. Silvestre logo
Galde C. Silvestre
Joined 2021   •   16 Plugins
View contributor profile

Instructions

Basically, all plugin properties have a detailed description within the plugin element itself. But in short, follow the steps below and check the documentation for more information.

1️⃣ 𝗜𝗻𝘀𝗲𝗿𝘁 𝘁𝗵𝗲 𝗲𝗹𝗲𝗺𝗲𝗻𝘁 𝗼𝗻 𝘁𝗵𝗲 𝗽𝗮𝗴𝗲
Place the plugin element wherever you need it.

2️⃣ 𝗖𝗼𝗻𝗳𝗶𝗴𝘂𝗿𝗲 𝘁𝗵𝗲 𝗽𝗿𝗼𝗽𝗲𝗿𝘁𝗶𝗲𝘀
Adjust the settings to match your use case, including the maximum rating, half values, the icon, and the labels.

3️⃣ 𝗖𝗼𝗻𝗻𝗲𝗰𝘁 𝘁𝗼 𝘆𝗼𝘂𝗿 𝘄𝗼𝗿𝗸𝗳𝗹𝗼𝘄𝘀
Use the value changed event to react when a rating is picked and read the exposed states (value and value label) to use them anywhere in your app.

Types

This plugin can be found under the following types:
Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Technical   •   Productivity   •   Input Forms

Resources

Support contact
Documentation

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble