Home
Samuel Dawson
User avatar group

User avatar group

This tailwind example is contributed by Samuel Dawson, on 27-Jan-2023. Component is made with Tailwind CSS v3.

Avatar

Author Samuel Dawson

10.8k

13

Fork Fullscreen

<div class="flex -space-x-2">
    <img class="z-40 inline-block border border-cyan-500 h-20 w-20 rounded-full ring-2 ring-white ring-opacity-50" src="https://images.unsplash.com/photo-1491528323818-fdd1faba62cc?ixlib=rb-1.2.1&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;auto=format&amp;fit=facearea&amp;facepad=2&amp;w=256&amp;h=256&amp;q=80" alt="">
    <img class="z-30 inline-block border border-cyan-500 h-20 w-20 rounded-full ring-2 ring-white ring-opacity-50" src="https://images.unsplash.com/photo-1550525811-e5869dd03032?ixlib=rb-1.2.1&amp;auto=format&amp;fit=facearea&amp;facepad=2&amp;w=256&amp;h=256&amp;q=80" alt="">
    <img class="z-20 inline-block border border-cyan-500 h-20 w-20 rounded-full ring-2 ring-white ring-opacity-50" src="https://images.unsplash.com/photo-1500648767791-00dcc994a43e?ixlib=rb-1.2.1&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;auto=format&amp;fit=facearea&amp;facepad=2.25&amp;w=256&amp;h=256&amp;q=80" alt="">
    <img class="z-10 inline-block border border-cyan-500 h-20 w-20 rounded-full ring-2 ring-white ring-opacity-50" src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;auto=format&amp;fit=facearea&amp;facepad=2&amp;w=256&amp;h=256&amp;q=80" alt="">
</div>

Related Examples

User avatar group

Author:
JaxStone

2 years ago

14.6k
Avatar group

Author:
Laurits

2 years ago

9.4k
Responsive user avatars grid

Author:
Lukas Müller

2 years ago

11.5k
Avatar Group

Author:
Mohit Prajapati

3 years ago

9.8k
Avatar Initial placeholder

Author:
Mr Robot

2 years ago

11.3k
Avatar
Avatar

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

1 year ago

4.6k
Profit Card
Profit card with deatils

Author:
dongol heart

9 months ago

1.5k
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
card

Author:
pablitodgb

2 months ago

113
User Avatars

Author:
Sophia Baker

2 years ago

10.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

3 months ago

290

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ 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.1