Please wait...


Please check out here for Official Documentation


You need just to have a div to build the Raty.


Used when we want starts with a saved rating.

Score Callback

If you need to start you score depending of a dynamic value, you can to use callback for it. You can pass any value for it, not necessarily a data- value. You can use a field value for example.


Changes the number of stars.

Number Callback

You can receive the number of stars dynamic using callback to set it.

Number Max

Change the maximum of start that can be created.

Read Only

You can prevent users to vote. It can be applied with or without score and all stars will receives the hint corresponding of the selected star. Stop the mouse over the stars to see:

No Rated Message

If readOnly is enabled and there is no score, the hint "Not rated yet!" will be shown for all stars. But you can change it. Stop the mouse over the star to see:


Enables the half star mouseover to be possible vote with half values.


Callback to handle the score and the click event on click action. You can mension the Raty element (DOM) itself using this.


Add a cancel button on the left side of the stars to cacel the score.

Cancel Place

Changes the cancel button to the right side.


Some place to display the hints or the cancelHint.

Target Type

You have the option hint or score to chosse. You can choose to see the score instead the hints using the value score.

Star Type

You can use custom icons