Basic user avatar box with text

Related Examples

• 
  Avatar Initial placeholder

  Mr Robot

  4 years ago

  12.1k
• 
  User avatar with name

  Bunny

  3 years ago

  10k
• Profile Card

  Show more details on hover

  Tamani Phiri

  3 years ago

  15.2k
• 
  User avatar with name

  Prajwal Hallale

  3 years ago

  8.1k
• 
  Stacked Profile

  Stacked profile images

  Mitch Chimwemwe Chanza

  2 years ago

  8.1k
• 
  Flex Profile

  Tailwind Flex User Profile

  $@(\/)(\/)¥

  2 years ago

  4.8k
• 
  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.

  nejaa badr

  1 year ago

  3k
• 
  CTA block

  with user avatars and 2 buttons

  Carla Hoffman

  2 years ago

  3.2k
• 
  Food delivery ecommerce Card

  $@(\/)(\/)¥

  1 year ago

  2.8k
• 
  Taskify Premium Task Management FREE

  Website Task management modern and responsif

  Alif Bima Pradana

  8 months ago

  837
• 
  The Free AI Tools Grid Section (210+ Tools, No Signup)

  A responsive and SEO-optimized grid section showcasing over 210 free AI tools. Designed with Tailwind CSS, fully responsive, fast-loading, and built for high user engagement. No sign-up required, privacy-friendly, and optimized for performance and discoverability.https://www.thefreeaitools.com/

  Hasan AlDoy (McDoy)

  5 months ago

  481
• 
  User avatar group

  Samuel Dawson

  3 years ago

  12.5k