Avatar with activity indicator

Related Examples

• 
  Avatar Initial placeholder

  Author:
  Mr Robot

  2 years ago

  11.3k
• 
  User Avatars

  Author:
  Sophia Baker

  2 years ago

  10.8k
• 
  Food delivery ecommerce Card

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

  8 months ago

  1.5k
• 
  Elegant Avatars

  Useful Tailwind classes for constructing avatars with status markers. Comes with an example edit/preview avatar for the user to choose an image with the file chooser.

  Author:
  Nick Girga

  4 months ago

  260
• 
  Divine Shree Ram Hero Section | Tailwind CSS Responsive UI for Devotional |Hero section |Hero

  Explore a stunning and responsive Hero Section dedicated to Lord Ram, crafted with Tailwind CSS. Perfect for spiritual brands, Ramayana-inspired products, or devotional e-commerce platforms. Fully responsive, dark mode compatible, and animation-rich UI.

  Author:
  Rajesh Pandey

  4 months ago

  685
• 
  DailyDev Card

  Card -based card used in the Dailydev Card, this is created to be modified to taste of each user

  Author:
  Ameth Galarcio

  7 months ago

  1.4k
• 
  User Avatar

  Rounded user avatar component

  Author:
  Krishna Gudpalle

  3 years ago

  10k
• 
  Avatar group

  Author:
  Laurits

  2 years ago

  9.4k
• 
  Avatar with Gradient Shadow

  Author:
  Prajwal Hallale

  2 years ago

  10.1k
• 
  User list

  User list

  Author:
  Anonymous

  3 months ago

  240
• 
  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

  11 months ago

  2k
• 
  Avatar Group

  Author:
  Mohit Prajapati

  3 years ago

  9.8k