Ratings

Rating system with touch & RTL support

RateIt is a free open-source plugin, supports touch and icon-font, highly customizable, HTML5 data attributes, RTL. More info: https://gjunge.github.io/rateit.js

Default

Basic
Inline

Read only

Present value
Present value

Icon font

Basic
Star
Heart
At

Sizing

50px
60px

Progressive enhancement

Using Select
Using Select and overriding min value

More settings

Value 5
Value 8

Javascript

Interaction
Inovation

RTL support

Default
Rated

Setting and Getting values

All properties can also be set on the fly. Here are a few examples:

AJAX example

Most times RateIt will be used using some Ajax. There are different ways of implementing it (with/without backing field, using data-* attributes etc.)

Product 1
Product 2
Product 3