Bootstrap Star Rating Demo bootstrap-star-rating

Thankful to Krajee!
to get more out of us.

NOTE: The plugins on this site, strive to use a lot of CSS3 and HTML5 features in addition to JQuery. Hence, one may find either CSS3, HTML5 or a mix of both to achieve a plugin's requirements in many implementations.

A simple yet powerful JQuery star rating plugin for Bootstrap which supports advanced features like fractional star fill and RTL input support. Developed with a focus on utlizing pure CSS-3 styling to render the control. The plugin uses Bootstrap markup and styling by default, but it can be overridden with any other CSS markup.

NOTE

Version 4.0.0 has been released. Release 4.0.0 is a modified rewrite with various new enhancements and BC breaking features. Refer change log for new features and details.

Click for Demo


Basic usage examples of the bootstrap-star-rating plugin.

Click for Demo


Advanced usage examples of the bootstrap-star-rating plugin.

Click for Demo


Theming features. If no theme property is set, the plugin automatically styles the ratings for bootstrap glyphicons. Advanced styling are possible by setting containerClass property.

Click for Demo


Theme support feature and usage of FONT AWESOME icons with inbuilt krajee-fa theme. You must load the font-awesome.css from the font-awesome repository and also themes/krajee-fa/theme.css after star-rating.css and themes/krajee-fa/theme.js file after star-rating.js.

Click for Demo


Theme support feature and usage of UNICODE icons with inbuilt krajee-uni theme. You must load the themes/krajee-uni/theme.css after star-rating.css and themes/krajee-uni/theme.js file after star-rating.js.

Click for Demo


Theme support feature and usage of SVG icon markup with inbuilt krajee-svg theme. You must load the themes/krajee-svg/theme.css after star-rating.css and themes/krajee-svg/theme.js file after star-rating.js.