Home
Anonymous
User list

User list

This tailwind example is contributed by Anonymous, on 02-Jun-2025. Component is made with Tailwind CSS v3. It is responsive. similar terms for this example are popup,dialog

Avatar Modal List Tag Cloud

Author Anonymous

449

Fork Fullscreen

<div class="bg-white min-w-[500px] shadow-sm border border-gray-200 rounded-lg p-1">
    <ul class="space-y-1">
      <li class="p-2 rounded-md bg-gray-100 duration-300 flex items-center gap-2">
        <img src="https://www.shutterstock.com/image-vector/blank-avatar-photo-place-holder-600nw-1114445501.jpg" alt="" class="w-12 h-12 rounded-full"/>
        <div>
          <span class="font-medium block">Yunus Emre K</span>
          <span class="text-gray-600 text-sm">1 days ago.</span>
        </div>
      </li>
        <li class="p-2 rounded-md hover:bg-gray-100 duration-300 flex items-center gap-2">
        <img src="https://www.shutterstock.com/image-vector/blank-avatar-photo-place-holder-600nw-1114445501.jpg" alt="" class="w-12 h-12 rounded-full"/>
        <div>
          <span class="font-medium block">Yunus Emre K</span>
          <span class="text-gray-600 text-sm">1 days ago.</span>
        </div>
      </li>
        <li class="p-2 rounded-md hover:bg-gray-100 duration-300 flex items-center gap-2">
        <img src="https://www.shutterstock.com/image-vector/blank-avatar-photo-place-holder-600nw-1114445501.jpg" alt="" class="w-12 h-12 rounded-full"/>
        <div>
          <span class="font-medium block">Yunus Emre K</span>
          <span class="text-gray-600 text-sm">1 days ago.</span>
        </div>
      </li>
        <li class="p-2 rounded-md hover:bg-gray-100 duration-300 flex items-center gap-2">
        <img src="https://www.shutterstock.com/image-vector/blank-avatar-photo-place-holder-600nw-1114445501.jpg" alt="" class="w-12 h-12 rounded-full"/>
        <div>
          <span class="font-medium block">Yunus Emre Karaoğlan</span>
          <span class="text-gray-600 text-sm">1 days ago.</span>
        </div>
      </li>
        <li class="p-2 rounded-md hover:bg-gray-100 duration-300 flex items-center gap-2">
        <img src="https://www.shutterstock.com/image-vector/blank-avatar-photo-place-holder-600nw-1114445501.jpg" alt="" class="w-12 h-12 rounded-full"/>
        <div>
          <span class="font-medium block">Yunus Emre K</span>
          <span class="text-gray-600 text-sm">1 days ago.</span>
        </div>
      </li>
        <li class="p-2 rounded-md hover:bg-gray-100 duration-300 flex items-center gap-2">
        <img src="https://www.shutterstock.com/image-vector/blank-avatar-photo-place-holder-600nw-1114445501.jpg" alt="" class="w-12 h-12 rounded-full"/>
        <div>
          <span class="font-medium block">Yunus Emre K</span>
          <span class="text-gray-600 text-sm">1 days ago.</span>
        </div>
      </li>
    </ul>
  </div>

</div>

Related Examples

Responsive list
Horizontal list of items

Author:
Sophia Baker

2 years ago

10.5k
Chat UI
The Chat UI is a responsive and interactive component designed for building messaging interfaces. Ideal for applications like customer support, social media, or team collaboration tools, it provides a modern, user-friendly layout for real-time communication.

Author:
Abhiraj

11 months ago

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

7 months ago

966
Avatars - Htmlwind
Stacked avatars

Author:
Htmlwind

6 months ago

434
images games
images games

Author:
Bonimater

6 months ago

457
List with border

Author:
Samuel Dawson

3 years ago

11.1k
visit
to known any thin

Author:
Nishimwe Jeanine

6 months ago

463
Tag Cloud
Display Trending Topics, Tags, etc.

Author:
Krishna Gudpalle

2 years ago

9.7k
Hierarchy list

Author:
Anonymous

2 years ago

10.6k
Button cloud for categories,tags etc

Author:
Kris Showen

2 years ago

13.1k
Users ranking list with points

Author:
Leif99

2 years ago

11.8k
Reward modal
A reward modal with refferal link

Author:
ehmasuk

3 months ago

228

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components