Animated Rating Stars

Demo to preview the plugin:

Introduction

Make your ratings more attractive so less users would ignore them. A five stars rating that animates on click and shows a little face with different mood that depends on the rating. The face can be hidden from plugin settings.

Plugin Element Properties

The plugin contains a Animated stars visual element that should be used on a page.
Image without caption
Title
Description
Type
Size
Fit stars in the plugin element, example : 0.5, 0.9, 1, 2 etc.
number
Show faces
Small animated faces on stars
checkbox
Initial value
Number of the initially selected stars.
number
Color
Star color
color
Unselected Color
Unselected star color
color
Disable
Make it unclickable
checkbox
Animation
Disabling/ Enabling star animation
yes/no
Element Actions
1. Reset -ย resets to the initial value
Image without caption
Title
Description
Initial value
Set a new amount of selected stars. Default is 0
  1. Enable Animation - enables animation
Image without caption
  1. Disable Animation - disables animation
Image without caption
Exposed states
Name
Description
Type
Stars selected
Number of selected stars
Number
Element Events
Name
Description
Stars clicked
Triggered when a star is clicked

Workflow example

  1. Add the visual element to the page and adjust the settings
Image without caption
  1. Use the elementโ€™s returned state to display the number of selected stars
Image without caption
  1. Use the event Stars clicked to trigger actions
Image without caption

Changelogs