25 CSS Star Ratings – csshint

Latest Collection of free Hand picked Pure Html CSS Star Ratings Examples for you to use in your projects. Demo and Download the zip (*.zip).

1. Stars rating animation

Author

Aaron Iker

demo and code Get Hosting

2. Ratyli: jQuery Rating Plugin

Author

Peter Varga

demo and code Get Hosting

3. Awesome jQuery rating with font awesome

Author

shahjehan

demo and code Get Hosting

4. Star rating

See the Pen <a href='https://codepen.io/naulacambra/pen/gbzvPa'>Star rating</a> by Arnau Lacambra (<a href='https://codepen.io/naulacambra'>@naulacambra</a>) on <a href='https://codepen.io'>CodePen</a>.

Author

Arnau Lacambra

demo and code Get Hosting

5. CSS only star rating

See the Pen <a href='https://codepen.io/enxaneta/pen/jEvdEN'>CSS only star rating</a> by Gabi (<a href='https://codepen.io/enxaneta'>@enxaneta</a>) on <a href='https://codepen.io'>CodePen</a>.

Author

Gabi

demo and code Get Hosting

6. star rating

See the Pen <a href='https://codepen.io/kanduvisla/pen/NqdbZP'>Star rating</a> by Giel Berkers (<a href='https://codepen.io/kanduvisla'>@kanduvisla</a>) on <a href='https://codepen.io'>CodePen</a>.

Author

Giel Berkers

demo and code Get Hosting

7. Angular.js Star Rating Directive

See the Pen <a href='https://codepen.io/andrewarchi/pen/FIdHb'>Angular.js Star Rating Directive</a> by Andrew Archibald (<a href='https://codepen.io/andrewarchi'>@andrewarchi</a>) on <a href='https://codepen.io'>CodePen</a>.

Author

Andrew Archibald

demo and code Get Hosting

8. CSS-only Star Rating

See the Pen <a href='https://codepen.io/mburnette/pen/eNNZbm'>CSS-only Star Rating</a> by Marcus Burnette (<a href='https://codepen.io/mburnette'>@mburnette</a>) on <a href='https://codepen.io'>CodePen</a>.

Author

Marcus Burnette

demo and code Get Hosting

9. Star rating for email

See the Pen <a href='https://codepen.io/maxxscholten/pen/zxegjL'>Star rating for email</a> by Maxx Scholten (<a href='https://codepen.io/maxxscholten'>@maxxscholten</a>) on <a href='https://codepen.io'>CodePen</a>.

Author

Maxx Scholten

demo and code Get Hosting

10. Pure CSS Star Rating

See the Pen <a href='https://codepen.io/AndyCormack/pen/vOxyZW'>Pure CSS Star Rating</a> by Andy (<a href='https://codepen.io/AndyCormack'>@AndyCormack</a>) on <a href='https://codepen.io'>CodePen</a>.

Author

Andy

demo and code Get Hosting

11. Rating in pure HTML5/CSS3

See the Pen <a href='https://codepen.io/khone-vongsouthi/pen/gfzoK'>Rating in pure HTML5/CSS3</a> by Khoné Vongsouthi (<a href='https://codepen.io/khone-vongsouthi'>@khone-vongsouthi</a>) on <a href='https://codepen.io'>CodePen</a>.

Author

Khoné Vongsouthi

demo and code Get Hosting

12. WooCommerce CSS SVG Star Rating

See the Pen <a href='https://codepen.io/janwagner/pen/vObMrZ'>WooCommerce CSS SVG Star Rating</a> by Jan Wagner (<a href='https://codepen.io/janwagner'>@janwagner</a>) on <a href='https://codepen.io'>CodePen</a>.

Author

Jan Wagner

demo and code Get Hosting

13. CSS: Radio Input Stars

Author

Jake Albaugh

demo and code Get Hosting

14. Vue.js Star Rating

See the Pen <a href='https://codepen.io/christianhegedues/pen/OxyOBb'>Vue.js Star Rating</a> by Christian Hegedüs (<a href='https://codepen.io/christianhegedues'>@christianhegedues</a>) on <a href='https://codepen.io'>CodePen</a>.

Author

Christian Hegedüs

demo and code Get Hosting

15. Tiny but accessible 5 star rating

See the Pen <a href='https://codepen.io/FredGenkin/pen/eaXYGV'>Tiny but accessible 5 star rating</a> by Fred Genkin (<a href='https://codepen.io/FredGenkin'>@FredGenkin</a>) on <a href='https://codepen.io'>CodePen</a>.

Author

Fred Genkin

demo and code Get Hosting

16. simple star rating

See the Pen <a href='https://codepen.io/knyttneve/pen/EBNqPN'>simple star rating</a> by Mert Cukuren (<a href='https://codepen.io/knyttneve'>@knyttneve</a>) on <a href='https://codepen.io'>CodePen</a>.

Author

Mert Cukuren

demo and code Get Hosting

17. Half-Star Rating

See the Pen <a href='https://codepen.io/pouretrebelle/pen/idEwu'>Half-Star Rating</a> by Charlotte Dann (<a href='https://codepen.io/pouretrebelle'>@pouretrebelle</a>) on <a href='https://codepen.io'>CodePen</a>.

Author

Charlotte Dann

demo and code Get Hosting

18. 5 Star Rating System.

See the Pen <a href='https://codepen.io/MooreJared/pen/pIDoC'>5 Star Rating System.</a> by Jared (<a href='https://codepen.io/MooreJared'>@MooreJared</a>) on <a href='https://codepen.io'>CodePen</a>.

Author

Jared

demo and code Get Hosting

19. Star rating

See the Pen <a href='https://codepen.io/xram/pen/EbgGl'>Star rating</a> by Steve Marx (<a href='https://codepen.io/xram'>@xram</a>) on <a href='https://codepen.io'>CodePen</a>.

Author

Steve Marx

demo and code Get Hosting

20. star rating in pure HTML/CSS

See the Pen <a href='https://codepen.io/adrianlambertz/pen/hqpyK'>Apple AppStore styled star rating in pure HTML/CSS</a> by Adrian Lambertz (<a href='https://codepen.io/adrianlambertz'>@adrianlambertz</a>) on <a href='https://codepen.io'>CodePen</a>.

Author

Adrian Lambertz

demo and code Get Hosting

1. Stars rating animation

Author

2. Ratyli: jQuery Rating Plugin

Author

3. Awesome jQuery rating with font awesome

Author

4. Star rating

Author

5. CSS only star rating

Author

6. star rating

Author

7. Angular.js Star Rating Directive

Author

8. CSS-only Star Rating

Author

9. Star rating for email

Author

10. Pure CSS Star Rating

Author

11. Rating in pure HTML5/CSS3

Author

12. WooCommerce CSS SVG Star Rating

Author

13. CSS: Radio Input Stars

Author

14. Vue.js Star Rating

Author

15. Tiny but accessible 5 star rating

Author

16. simple star rating

Author

17. Half-Star Rating

Author

18. 5 Star Rating System.

Author

19. Star rating

Author

20. star rating in pure HTML/CSS

Author

You may also like