Instantly add star ratings to your site with


Installation steps

Unzip the RateKit zip file.

Copy the resulting folder and put it inside it into the root of your site:

Check that the data folder in ratekit is writeable:

View the installer page in your browser to create the database. (If your site is, the page will be

Put a charset meta tag in the head of your page, so the icon font displays properly:

<meta charset="utf-8">

Add a link to the RateKit stylesheet in the <head> tag of your HTML page:

<link href="ratekit/css/ratekit.min.css" type="text/css" rel="stylesheet">

If you haven't already got jQuery, add a script tag for jQuery at the bottom of your page:

<script src="//"></script>

Below the jQuery script tag, add a script tag for RateKit:

<script src="ratekit/js/ratekit.min.js"></script>

That's it! You're good to go. Just start adding inputs (or other tags) to your page like:

<input id="exultation" class="rating" data-size="sm">

and RateKit will magically transform them into lovely ratings stars.

  • Every rating tag must have a unique ID
  • Every tag must have the class "rating".
  • Set the size of the stars with the data-size attribute: data-size="sm" is small, and so on.

See the examples page for demos.


Or if you want to help make RateKit even better, check out the code on GitHub.

Enjoying RateKit?

Please consider a small donation to help me maintain RateKit and create more useful stuff for you.

Donate with PayPal