10 Best Rating Systems In JavaScript & Pure CSS (2020 Update)

by jQueryScript,

This is a list of 10 best/top downloaded JavaScript/CSS rating systems and jQuery rating plugins for creating interactive start rating controls on the web app.

Download and use these libraries/plugins to rate products, software, users on your eCommerce and digital websites.

Originally Published May 2019, updated Feb 21 2020

Table of contents:

jQuery Rating Plugins:

Full-featured Star Rating Plugin For jQuery - Raty

Raty is an easy, flexible jQuery plugin which turns any DIV elements into a fully configurable star rating component.

Full-featured Star Rating Plugin For jQuery - Raty

[Demo] [Download]


Simple jQuery Star Rating System For Bootstrap 3/4

Yet another jQuery star rating plugin that converts a number input to a star rating widget using Bootstrap 3 styles and glyphs.

Simple jQuery Star Rating System For Bootstrap 3/4

[Demo] [Download]


Minimal jQuery Rating Widget Plugin - Bar Rating

Bar Rating is a minimal and lightweight jQuery plugin that turns a standard select box into a flexible bar rating widget. It is fully customizable and can be easy to styled with CSS.

Minimal jQuery Rating Widget Plugin - Bar Rating

[Demo] [Download]


Flexible Star Rating Widget with jQuery and SVG - rateYo

rateYo is a jQuery plugin to create a star rating widget that allows to fill the background color of the un-rated part of an SVG based star on mouse hover. Fully customizable and scalable to fit any design needs.

Flexible Star Rating Widget with jQuery and SVG - rateYo

[Demo] [Download]


SVG Based Star Rating Plugin For jQuery - star-rating-svg.js

A lightweight jQuery plugin for rendering a SVG based star rating system on your webpage that supports for arbitrary star fractions, variable star sizes and colors.

SVG Based Star Rating Plugin For jQuery - star-rating-svg.js

[Demo] [Download]


Pure JS Rating Plugins:

Interactive Star Rating Component With Pure JavaScript – rater-js

rater-js is a simple yet customizable star rating component written in pure JavaScript.

Interactive Star Rating Component With Pure JavaScript – rater-js

[Demo] [Download]


Simple HTML5 Star Rating System – SimpleStarRating.js

SimpleStarRating.js is a lightweight JavaScript library used for generating a simple, easy-to-customize star rating system without any 3rd dependencies and icon fonts.

Simple HTML5 Star Rating System – SimpleStarRating.js

[Demo] [Download]


Select Box Based Star Rating JavaScript Library – star-rating.js

star-rating.js is a small JavaScript library to generate a customizable, progressively enhancement star rating control from a regular select box with numeric values.

Select Box Based Star Rating JavaScript Library – star-rating.js

[Demo] [Download]


Pure CSS Rating Libraries:

Accessible Star Rating System In Pure CSS – Starability.css

Just another simple, animated, fully accessible star rating system built on top of pure CSS, radio buttons and sprite images.

Accessible Star Rating System In Pure CSS – Starability.css

[Demo] [Download]


Simple 5-star Rating System with CSS and Html Radios

A pure CSS solution to create a simple five star rating widget using Html radio inputs and CSS3 transitions/transforms.

Simple 5-star Rating System with CSS and Html Radios

[Demo] [Download]


Conclusion:

Want more jQuery plugins or JavaScript libraries to create awesome Star Rating Controls on the web & mobile? Check out the jQuery Rating and JavaScript/CSS Rating sections.