→ Mason Ashford
→ Interactive Star Rating

Interactive Star Rating

A dynamic star rating component where users can select their rating by clicking on stars. The rating can range from 1 to 5 stars, offering immediate visual feedback on hover and selection.

This bootstrap css example is contributed by Mason Ashford, on 23-Nov-2024. Component is made with bootstrap css v.5.3. It is responsive. similar terms for this example is Vote

Tags: Rating

Author Mason Ashford

v.5.3

Fork Fullscreen

.star-rating input {
        display: none;
    }

.star-rating label {
        color: #ddd;
        font-size: 24px;
        padding: 0 2px;
        cursor: pointer;
        transition: all 0.2s ease;
    }

.star-rating label:hover,
    .star-rating label:hover~label,
    .star-rating input:checked~label {
        color: #ffc107;
    }
</style>

More Examples

Star Rating Component

Author:
Alaric Sloane

2 months ago

209

v.5.3
Emoji Rating
An alternative, fun way for users to rate with emojis ranging from angry to love. Hovering over the emojis gives a playful animation effect, encouraging user interaction.

Author:
Mason Ashford

1 week ago

48

v.5.3
Rating section
Rating section fit form for taking user ratings and reviews

Author:
Tane Mahuta

4 months ago

227

v.5.3
Sidebar navigation with toggle button

Author:
Moana silva

4 months ago

227

v.5.3
Button pair
sign up and login buttons

Author:
Anonymous

3 months ago

127

v.5.3
Newsletter section

Author:
Anonymous

4 months ago

1k

v.4.6
404 page template

Author:
Valeria González

3 months ago

889

v.5.3
Pricing Cards with Hover Effects
Clean and elegant pricing comparison component with Bootstrap 5.3

Author:
Isaac Winslow

1 week ago

32

v.5.3
Parallax Image Gallery
An eye-catching gallery section with parallax scrolling effects and image captions.

Author:
Prajwal Hallale

8 months ago

466

v.5.3
Stats section
Show your product/website stats beautifully

Author:
Nguyen Minh

5 months ago

299

v.4.6
Invoice template with bootstrap

Author:
Anonymous

4 months ago

228

v.4.6
Profile card
Profile card with images and buttons

Author:
Anonymous

8 months ago

1.8k

v.4.6

Didn't find component you were looking for?

Search from 210+ componenent