Ratings

Discover our rating systems, perfect for collecting user feedback or evaluating content quality.

Basic

A simple rating system with standard star icons.

Controlled1 Star2 Stars3 Stars4 Stars5 StarsEmpty

Read only

Disabled1 Star2 Stars3 Stars4 Stars5 Stars

No rating given1 Star2 Stars3 Stars4 Stars5 StarsEmpty

Hover

Displays a preview of the rating value when users hover over the stars.

0.5 Stars, Useless1 Star, Useless+1.5 Stars, Poor2 Stars, Poor+2.5 Stars, Ok3 Stars, Ok+3.5 Stars, Good4 Stars, Good+4.5 Stars, Excellent5 Stars, Excellent+Empty

Poor+

Icons

Uses custom icons for ratings instead of the traditional star icons.

Custom icon and color0.5 Hearts1 Heart1.5 Hearts2 Hearts2.5 Hearts3 Hearts3.5 Hearts4 Hearts4.5 Hearts5 HeartsEmpty

10 Stars1 Star2 Stars3 Stars4 Stars5 Stars6 Stars7 Stars8 Stars9 Stars10 StarsEmpty

Precision

Allows users to select ratings with decimal values, for more precise feedback.

0.5 Stars1 Star1.5 Stars2 Stars2.5 Stars3 Stars3.5 Stars4 Stars4.5 Stars5 StarsEmpty0.2 Stars0.4 Stars0.6 Stars0.8 Stars1 Star1.2 Stars1.4 Stars1.6 Stars1.8 Stars2 Stars2.2 Stars2.4 Stars2.6 Stars2.8 Stars3 Stars3.2 Stars3.4 Stars3.6 Stars3.8 Stars4 Stars4.2 Stars4.4 Stars4.6 Stars4.8 Stars5 StarsEmpty

Radio

Integrates radio buttons to select ratings, providing a different user experience.

Very DissatisfiedDissatisfiedNeutralSatisfiedVery SatisfiedEmpty

Sizes

Showcases different sizes of the rating icons, catering to varied design needs.

1 Star2 Stars3 Stars4 Stars5 StarsEmpty1 Star2 Stars3 Stars4 Stars5 StarsEmpty1 Star2 Stars3 Stars4 Stars5 StarsEmpty