Beautiful CSS Rating Examples
A curated collection of 30+ stunning star and rating styles.
Click any star to change the rating, then copy the CSS.
★★★★☆
#1
★★★★☆
#2
★★★★☆
#3
★★★★☆
#4
★★★★☆
#5
♥♥♥♥♥
#6
♥♥♥♥♥
#7
♥♥♥♥♥
#8
★★★★☆
#9
★★★★☆
#10
★★★★☆
#11
★★★★☆
#12
Extract any star rating from any website
Plus 10+ more tools: Element Screenshot, Color Picker, Font Explorer, Tailwind Converter, and more.
Get Frontend Hero →
★★★★☆
#13
★★★★☆
#14
●●●●○
#15
●●●●○
#16
★★★★☆
#17
★★★★☆
#18
★★★★☆
#19
★★★★☆
#20
★★★★☆
#21
★★★★☆
#22
★★★★☆
#23
★★★★☆
#24
Stop rebuilding rating components from scratch
Plus 10+ more tools: Element Screenshot, Color Picker, Font Explorer, Tailwind Converter, and more.
Get Frontend Hero →
★★★★☆
#25
★★★★☆
#26
★★★★☆
#27
★★★★☆
#28
★★★★☆
#29
★★★★☆
#30
★★★★☆
#31
★★★★☆
#32
★★★★☆
#33