Product rating section

Related Examples

• 
  Star rating svg buttons

  buttons consist of star,star-filled, and star half-filled

  Author:
  Prajwal Hallale

  2 years ago

  11k
• 
  Rating stars

  Author:
  Bunny

  2 years ago

  12.8k
• 
  User avatar group

  Author:
  JaxStone

  2 years ago

  14.1k
• 
  Responsive user avatars grid

  Author:
  Lukas Müller

  2 years ago

  11.2k
• 
  Emoji rating

  Author:
  Brandon D

  2 years ago

  11.7k
• 
  Avatar group

  Author:
  Laurits

  2 years ago

  9k
• 
  Meet the Team Section with Team Member Cards

  Meet the Team Section with Team Member Cards

  Author:
  Mike Varen

  11 months ago

  3.3k
• 
  Avatar

  This Avatar component includes: 1. Responsive design using Tailwind CSS classes 2. Indigo-800 and Blue-900 color scheme 3. Dark mode support 4. User avatar with hover effect and online status indicator 5. User name and role 6. Follow button with hover effect 7. Follower count 8. Subtle animations and transitions 9. Accessibility considerations (proper contrast, focus states) Key features: - The background uses a gradient from Indigo-800 to Blue-900 - The avatar card has a white background in light mode and dark gray in dark mode - Text colors are adjusted for readability in both light and dark modes - The avatar image has a border color that changes in dark mode - The avatar has a scale effect on hover and a ring appears around it - The Follow button uses Indigo-800 with a Blue-900 hover state - The card has a shadow effect that changes color on hover - Dark mode is automatically applied based on system preferences - The entire card has a subtle transition effect for smooth color changes - Proper focus states are implemented for the button This design provides a clean, interactive avatar component while incorporating the requested color scheme and maintaining good usability across different devices and color modes.

  Author:
  nejaa badr

  5 months ago

  1.2k
• 
  Food delivery ecommerce Card

  Author:
  $@(\/)(\/)Y

  3 months ago

  707
• 
  Avatar with Gradient Shadow

  Author:
  Prajwal Hallale

  1 year ago

  9.9k
• 
  Chat UI

  The Chat UI is a responsive and interactive component designed for building messaging interfaces. Ideal for applications like customer support, social media, or team collaboration tools, it provides a modern, user-friendly layout for real-time communication.

  Author:
  Abhiraj

  3 months ago

  988
• 
  Star Rating

  Author:
  Gopi Yadav

  2 years ago

  11.2k