→ 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

16.5k

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

Beautiful Rating Component
Take user ratings with this form card

Author:
Mateo Rojas

1 year ago

2.6k

v.5.3
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.

Author:
Anonymous

1 year ago

2.1k

v.5.3
Star Rating Component

Author:
Alaric Sloane

2 years ago

6.7k

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

Author:
Tane Mahuta

2 years ago

4.6k

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 year ago

3.4k

v.5.3
NewsPortal Full Website

Author:
Zahid Hasan Riyad

1 month ago

585

v.5.3
Responsive Bootstrap Navbar with Mobile Toggle and Remix Icons
This responsive Bootstrap 5 navbar features a clean and modern design, enhanced with Remix Icons for login and cart functionality. It includes a desktop navigation layout with a logo, links, search bar, and action buttons, while the mobile version adapts seamlessly with a toggle menu. Ideal for e-commerce or multipage websites seeking a sleek and user-friendly header layout.

Author:
Anonymous

1 year ago

5.3k

v.5.3
Bento Grid Layout with Images

Author:
Juan Martinez

2 years ago

5.5k

v.5.3
Vertical Stepper (Interactive)
Stepper component with Navigation buttons

Author:
Aisha Bello

1 year ago

9.6k

v.5.3
Restaurant Reservation section

Author:
Creative Araf

2 months ago

162

v.5.3
4 Column
Bootstrap 5 Grid System

Author:
ARAFAT

4 months ago

377

v.4.6
Interactive Right-Side Menu
A sleek and responsive right sidebar featuring user profile, navigation, and activity feed with modern design elements

Author:
Mason Ashford

1 year ago

11.7k

v.5.3

Didn't find component you were looking for?

Search from 300+ componenent