Table of Contents

This is a CSS-only component that dynamically generates Star Rating Buttons.

SVG star rating widget with and half star input boxes. The half stars (like 4.5) highlights on hover and on selection.

Made by Samia Ruponti

June 15, 2017

This is a CSS-only component that dynamically generates each of the SVG icons to be used as background images for each of the stars. For the rating value to be displayed, data-rating-value HTML attribute must be updated and calculated rounding every 0.25 to reflect the proper rating.

Made by Damián Muti

May 29, 2017

HTML and CSS(PostCSS) rate star buttons.

Made by Valeriya

July 14, 2016

Form with iconified radio buttons, using unicode characters.

Made by Ron Gilmour

March 25, 2016


Replaces radio button group with filled in stars. This allows you to use a normal radio button form and simply submit the selected value.

Made by Lenny Sirivong

March 25, 2015

Star buttons with HTML and CSS.

Made by Jordan-Simonds

December 4, 2014

CSS star rating with HTML and CSS(LESS).

Made by Adam Orchard

July 17, 2014