Collection of free HTML and CSS Rating System examples from Codepen and other resources.
Table of Contents
- CSS Star Ratings with Radio Buttons
- Ratings Inspiration
- Percentage Based Star Rating With Font Awesome
- stars/ heart rating
- Pure CSS Star Ratings (Unintentional #codepenchallenge)
- Rating System (CSS Only)
- Star Ratings with Stars
- Star rating with labels in Alpine.js with click again to clear.
- UI Example: Star Ratings
- Draggable Slider for Star Ratings
CSS Star Ratings with Radio Buttons
See the Pen CSS Star Ratings with Radio Buttons by Lenny Sirivong ( @lsirivong) on CodePen.
Ratings Inspiration
See the Pen Ratings Inspiration by Tadaima ( @tadaima) on CodePen.
Percentage Based Star Rating With Font Awesome
See the Pen Percentage Based Star Rating With Font Awesome by Filcp ( @filcp) on CodePen.
stars & heart rating
See the Pen stars & heart rating by Crystal ( @s_crystal) on CodePen.
Pure CSS Star Ratings (Unintentional #codepenchallenge)
See the Pen Pure CSS Star Ratings (Unintentional #codepenchallenge) by Rock Starwind ( @RockStarwind) on CodePen.
Rating System (CSS Only)
See the Pen Rating System (CSS Only) by Elton Kamami ( @eltonkamami) on CodePen.
Star Ratings with Stars
See the Pen Star Ratings with Stars by Alex ( @alexgoff) on CodePen.
Star rating with labels in Alpine.js with click again to clear.
See the Pen Star rating with labels in Alpine.js with click again to clear. by Rafik El Hadi Houari ( @rehhouari) on CodePen.
UI Example: Star Ratings
See the Pen UI Example: Star Ratings by Font Awesome ( @fontawesome) on CodePen.
Draggable Slider for Star Ratings
See the Pen Draggable Slider for Star Ratings by Himmel ( @himmel) on CodePen.
Post a Comment