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

11.2k

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.8k
Avatar group

Author:
Laurits

2 years ago

9.6k
Responsive user avatars grid

Author:
Lukas Müller

2 years ago

11.7k
Avatar Group

Author:
Mohit Prajapati

3 years ago

9.9k
Avatar Initial placeholder

Author:
Mr Robot

3 years ago

11.5k
Clean AI Chat UI with Tailwind CSS – ChatGPT-Style Interface
A polished and responsive AI chat interface built using modern Web Components and Tailwind CSS. This UI replicates the smooth, minimal experience of ChatGPT with a clean layout, floating input bar, animated scrollable message feed, and mock AI responses. Ideal for SaaS dashboards, AI assistants, or frontend prototypes. Designed with professional spacing, accessible colors, and reusable components. Key features: Responsive layout with mobile support Floating input bar with auto-expanding textarea Tailwind-powered message bubbles with clear sender roles Modern dark theme with subtle gradients and shadows Easily extendable to real AI APIs (e.g., OpenAI)

Author:
Ayyamperumal S

6 months ago

1.5k
User Profile
User Profile

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

1 year ago

5.5k
Ripple Animation

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

7 months ago

1.7k
Profit Card
Profit card with deatils

Author:
dongol heart

1 year ago

1.8k
Stacked Profile
Stacked profile images

Author:
Mitch Chimwemwe Chanza

2 years ago

7.2k
canvas fully covers
canvas fully covers

Author:
Balogun David Olajuwon

6 months ago

700
card

Author:
pablitodgb

5 months ago

262

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