Dark Themes
Light Themes

RateYo! is a tiny and flexible jQuery star rating plugin

Get Rating Doc
Basic Example

Hover to change the rating and Click to set.

Number of stars

Number of stars to use, to display the rating.You can set this option using data-rateyo-num-stars attribute.

Rating between Space

The amount of space between stars in pixels.You can set this option using data-rateyo-spacing attribute.

Get the Rating

A method to get the rating of plugin.

MultiColor for Startcolor and Endcolor

This option helps in changeing the color of the rating, as the rating value changes( Multi Color ).

RTL Rating

Render the rating Right to Left.You can set this option using data-rateyo-rtl attribute.

Rated and Un-rated background color

The color for the rated part of a star.You can set this option using data-rateyo-rated-fill attribute.

The background color for the un-rated part of a star.You can set this option using data-rateyo-normal-fill attribute.

Full Star and Half Star Rating

When set to true, rating will be displayed in the steps of 1 .You can set this option using data-rateyo-full-star="true" attribute.

When set to true, rating will be displayed in the steps of 0.5. You can set this option using data-rateyo-half-star="true" attribute.

Read Only and Set Custom Star Width

Set readOnly: true, if you want the rating to be non-editable.You can set this option using data-rateyo-read-only="true" attribute.

The width of each star, the width of a star is always equal to its height.You can set this option using data-rateyo-star-width attribute.

Destroy and Initialize the Rating

Destroys the plugin and return the container to the original state before initialization.

Settings

Customize Theme layout, sidebars, and color schemes. This is for demonstration purpose. All options are available via code.

Fixed Position
Sidebar
Header
Footer
Layout
Amazing sidebars for your smart admin, Get second version of sidebar here.
Color schemes
Dark Themes
Light Themes