Home
Lukas Müller
Responsive user avatars grid

Responsive user avatars grid

This tailwind example is contributed by Lukas Müller, on 02-Mar-2023. Component is made with Tailwind CSS v3. It is responsive.

Avatar

Author Lukas Müller

11.7k

Fork Fullscreen

<div class="flex space-x-2 items-center animate-out zoom-in duration-200 delay-300">
    <div>
        <div class="font-semibold text-center md:text-left">Trusted by</div>
        <div class="flex space-x-2 items-center flex-col md:flex-row">
            <div class="flex -space-x-2 overflow-hidden p-2">
                <img class="inline-block h-10 w-10 rounded-full ring-2 ring-gray-200 hover:scale-105 tranform duration-100" src="https://randomuser.me/api/portraits/men/51.jpg" alt="">
                <img class="inline-block h-10 w-10 rounded-full ring-2 ring-gray-200 hover:scale-105 tranform duration-100" src="https://randomuser.me/api/portraits/women/4.jpg" alt="">
                <img class="inline-block h-10 w-10 rounded-full ring-2 ring-gray-200 hover:scale-105 tranform duration-100" src="https://randomuser.me/api/portraits/men/34.jpg" alt="">
                <img class="inline-block h-10 w-10 rounded-full ring-2 ring-gray-200 hover:scale-105 tranform duration-100" src="https://randomuser.me/api/portraits/women/6.jpg" alt="">
                <img class="inline-block h-10 w-10 rounded-full ring-2 ring-gray-200 hover:scale-105 tranform duration-100" src="https://randomuser.me/api/portraits/men/9.jpg" alt="">
                <img class="inline-block h-10 w-10 rounded-full ring-2 ring-gray-200 hover:scale-105 tranform duration-100" src="https://randomuser.me/api/portraits/women/9.jpg" alt="">
            </div>
            <div>Join 5,000+ other members</div>
        </div>
    </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
Avatar group

Author:
Laurits

2 years ago

9.6k
Product rating section
display star rating stats with user avatars

Author:
Erik Hyatt

2 years ago

11.3k
chat ui advanced
Professional chat ui, connect me for jsx https://abhirajk.vercel.app/

Author:
Abhiraj

9 months ago

1.4k
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

10 months ago

2.3k
Avatars - Htmlwind
Stacked avatars

Author:
Htmlwind

5 months ago

308
Meet the Team Section with Team Member Cards
Meet the Team Section with Team Member Cards

Author:
Mike Varen

1 year ago

4.1k
Ripple Animation

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

7 months ago

1.7k
Basic user avatar box with text

Author:
Shakti

2 years ago

10.2k
Profit Card
Profit card with deatils

Author:
dongol heart

11 months ago

1.8k
Avatar with activity indicator
online indicator pulse animation

Author:
Prashant

3 years ago

9.9k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components