Home
Mohit Prajapati
Avatar Group

Avatar Group

This tailwind example is contributed by Mohit Prajapati, on 04-Aug-2022. Component is made with Tailwind CSS v3.

Avatar

Author Mohit Prajapati

9.9k

13

Fork Fullscreen

<div class="flex flex-row-reverse justify-end -space-x-3 space-x-reverse">
  <div
    class="relative flex h-8 w-8 shrink-0 select-none items-center justify-center rounded-full bg-gray-100 text-sm font-bold uppercase text-gray-800 ring ring-white">
    <img
      class="h-full w-full rounded-full object-cover object-center"
      src="https://source.boringavatars.com/beam/5?square" />
  </div>
  <div
    class="relative flex h-8 w-8 shrink-0 select-none items-center justify-center rounded-full bg-gray-100 text-sm font-bold uppercase text-gray-800 ring ring-white">
    <img
      class="h-full w-full rounded-full object-cover object-center"
      src="https://source.boringavatars.com/beam/6?square" />
  </div>
  <div
    class="relative flex h-8 w-8 shrink-0 select-none items-center justify-center rounded-full bg-gray-100 text-sm font-bold uppercase text-gray-800 ring ring-white">
    <img
      class="h-full w-full rounded-full object-cover object-center"
      src="https://source.boringavatars.com/beam/7?square" />
  </div>
  <div
    class="relative flex h-8 w-8 shrink-0 select-none items-center justify-center rounded-full bg-gray-100 text-sm font-bold uppercase text-gray-800 ring ring-white">
    <img
      class="h-full w-full rounded-full object-cover object-center"
      src="https://source.boringavatars.com/beam/8?square" />
  </div>
</div>

Related Examples

User avatar group

Author:
JaxStone

2 years ago

14.8k
User avatar group

Author:
Samuel Dawson

2 years ago

11.2k
Components

Author:
pablitodgb

3 months ago

260
Meet the Team Section with Team Member Cards
Meet the Team Section with Team Member Cards

Author:
Mike Varen

1 year ago

4.1k
Avatar group

Author:
Laurits

2 years ago

9.6k
Stacked Profile
Stacked profile images

Author:
Mitch Chimwemwe Chanza

2 years ago

7.2k
Overlapped icons showcase
Al pasar el cursor sobre el ícono apilado, se revela el ícono completo. Hovering over the stacked icon unveils the complete icon.

Author:
Lautaro Gómez

1 year ago

1.9k
Profit Card
Profit card with deatils

Author:
dongol heart

11 months ago

1.8k
Shoe Card Grid
A responsive grid of three shoe cards with hover effects, featuring images, titles, descriptions, prices, and a "Shop Now" button.

Author:
Sudip chaudhary

5 months ago

415
Product rating section
display star rating stats with user avatars

Author:
Erik Hyatt

2 years ago

11.3k
User Avatar
Rounded user avatar component

Author:
Krishna Gudpalle

3 years ago

10.3k
canvas fully covers
canvas fully covers

Author:
ABDESLAMI ACHRAF

11 months ago

3.7k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components

TailwindFlex.com

Tailwindflex.com is a free Tailwind CSS examples library. It's a one-stop destination for ready-made Tailwind CSS components and templates.

Contact

Email: admin@tailwindflex.com

Resources

Tailwind CSS Gradient Generator Free Bootstrap CSS Components Free CSS Components

© 2025 TailwindFlex. All Rights Reserved.

v1.12