Starrr

1-5 star rating, in jQuery.
Alternatives To Starrr
Project NameStarsDownloadsRepos Using ThisPackages Using ThisMost Recent CommitTotal ReleasesLatest ReleaseOpen IssuesLicenseLanguage
Bootstrap Star Rating1,038763123 days ago31September 20, 20212otherJavaScript
A simple yet powerful JQuery star rating plugin with fractional rating support.
Jquery Bar Rating70592133 years ago6February 19, 201733mitJavaScript
jQuery Bar Rating Plugin - minimal, light-weight jQuery ratings.
Cfviz649
2 years ago6JavaScript
Visualizes user data from codeforces.com using the official API
Bootstrap Rating Input323
65 years ago1August 05, 20168mitHTML
Another plugin that eases the generation of rating stars for jQuery and Bootstrap
Starrr196
4233 years agoApril 25, 201615JavaScript
1-5 star rating, in jQuery.
Rateit.js1461122 years ago8March 10, 20218mitJavaScript
Rating plugin for jQuery. Fast, Progressive enhancement, touch support, icon-font support, highly customizable, unobtrusive JavaScript (using HTML5 data-* attributes), RTL support, supports as many stars as you'd like, and also any step size.
Jquery Star Rating101
7 years agoApril 15, 20123JavaScript
jQuery Star Rating Plugin
Angular Rateit50
65 years ago4May 04, 20182mitJavaScript
This directive was inspired by the jQuery (star)rating plugin RateIt. However this package will work without jQuery.
Shipping Calculator46
7 years ago16JavaScript
To use in Shopify to add a shipping rates calculator to the cart page. Requires jQuery.
Restaurant Picker Jquerymobile Demo42
11 years ago1JavaScript
A jQuery Mobile demo web app that enables the user to choose a restaurant based on plate, location and other user rating
Alternatives To Starrr
Select To Compare


Alternative Project Comparisons
Readme

starrr

1-5 (or 1-n) star rating in < 75 lines of code.

Requirements

  • jQuery

Usage

Create the stars

<div class='starrr'></div>
$('.starrr').starrr()

With an existing rating

$('.starrr').starrr({
  rating: 4
})

With more than 5 stars

$('.starrr').starrr({
  max: 10
})

Read-only

$('.starrr').starrr({
  readOnly: true
})

Do something with the rating...

$('.starrr').starrr({
  change: function(e, value){
    alert('new rating is ' + value)
  }
})

Or if you prefer events:

$('.starrr').on('starrr:change', function(e, value){
  alert('new rating is ' + value)
})

Developing

  • npm install
  • npm install -g grunt-cli
  • Make changes in src/
  • Run grunt to compile them

License

MIT

Popular Jquery Projects
Popular Rating Projects
Popular Web User Interface Categories

Get A Weekly Email With Trending Projects For These Categories
No Spam. Unsubscribe easily at any time.
Javascript
Jquery
Rating