Pure Css Star Rating Widget

24.12.2020

Pure CSS star rating widget with HTML and CSS. No JavaScipt.

Made with: HTML,CSS

View Code

Pure Css Star Rating Widget

Simple Star Rating

20.06.2019

HTML and CSS simple star rating.

Made with: HTML,CSS (SCSS)

View Code

Simple Star Rating

Pure Css Star Ratings

11.05.2019

Made with: HTML (Pug),CSS (SCSS)

View Code

Pure Css Star Ratings

Star Rating

6.09.2018

Star rating in pure CSS.

Made with: HTML,CSS (SCSS)

View Code

Star Rating

Pure Css Rating

7.04.2018

Pure CSS rating via CSS custom properties as API.

Made with: HTML,CSS

View Code

Pure Css Rating

5-Star Rating

27.07.2017

Pure CSS 5-star rating.

Made with: HTML,CSS (SCSS)

View Code

5-Star Rating

Standalone Svg Css-Only Star Rating Component

24.05.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 with: HTML,CSS (SCSS)

View Code

Standalone Svg Css-Only Star Rating Component

Emoticon Star Rating

11.08.2016

Emoticon five star rating through Font Awesome in pure CSS.

Made with: HTML (Pug),CSS (SCSS)

View Code

Emoticon Star Rating

Rate Star Buttons

14.07.2016

Pure CSS rate star buttons.

Made with: HTML,CSS (PostCSS)

View Code

Rate Star Buttons

Css Rating System

28.01.2016

A CSS rating system that changes the facial expression based on how many stars are chosen.

Made with: HTML (Pug),CSS (SCSS)

View Code

Css Rating System

Star Rating

31.12.2015

A simple, accessible, star rating.

Made with: HTML,CSS (SCSS)

View Code

Star Rating

Pure Css Star Rating

19.11.2015

Star ratings made with pure css. Stars will highlight on hover and you can also click on the star rating and display that rating. Made form input fields so the form can be processed.

Made with: HTML,CSS (SCSS)

View Code

Pure Css Star Rating

Css Unicode Star Rating

4.05.2015

No Javascript, no images, no icon fonts.

Made with: HTML,CSS (SCSS)

View Code

Css Unicode Star Rating

Css-Only Star Rating

30.04.2015

The goal was to create a radio button-powered star rating widget that uses CSS only.

Made with: HTML,CSS (SCSS)

View Code

Css-Only Star Rating

Star Rating For Email

26.03.2015

A star rating system that works in email clients (including Gmail!) Hovering over the stars fills in the correct amount. Each star is an anchor tag which can then be linked to different rating URLs (ex: http://www.example.com?rating=5).

Made with: HTML,CSS

View Code

Star Rating For Email

Stars For Rating

3.12.2014

Nice star rating with font-awesome.css.

Made with: HTML,CSS

View Code

Stars For Rating

Rating System

6.03.2014

Only CSS rating system.

Made with: HTML,CSS

View Code

Rating System

Rating In Pure Html5/Css3

1.02.2014

Rating form coding by HTML5/CSS3, not with Javascript.

Made with: HTML,CSS (Less)

View Code

Rating In Pure Html5/Css3

Pure Css Star Rating From 0 To 8 With Colored Points Of The Star

24.11.2013

You can rate from "0" to "8" in 0.5 steps. Just change the class of the div to "zero", "zero half", "one", "one half", ...

Made with: HTML,CSS (Less)

View Code

Pure Css Star Rating From 0 To 8 With Colored Points Of The Star