Brand icons grid

showcase your 'Happy Customers'.

This tailwind example is contributed by Kennedy Mills, on 21-May-2023. Component is made with Tailwind v3.4. It is responsive.

Grid Logo cloud

Author Kennedy Mills

Tailwind v3.4 11.8k 20

Fork Fullscreen

<div class="bg-white w-full px-4 pt-16 pb-16" id="faq">
    <h2 class="text-4xl font-bold text-center">Happy Customers</h2>
    <p class="pt-6 pb-8 text-base max-w-2xl text-center m-auto">
        Lorem ipsum dolor sit amet
        consectetur adipisicing elit nam maxime quas fugiat tempore blanditiis, eveniet quia accusantium.
    </p>
    <div
        class="mx-auto w-full max-w-4xl bg-white justify-center items-center grid grid-cols-2 sm:grid-cols-3 md:grid-cols-6 gap-4">
        <a target="_blank" href="">
            <img alt="" class="h-20  mx-auto" src="https://www.svgrepo.com/show/442910/brand-apple.svg">
        </a>
        <a target="_blank" href="">
            <img alt="" class="h-20  mx-auto" src="https://www.svgrepo.com/show/443329/brand-pixar.svg">
        </a>
        <a target="_blank" href="">
            <img alt="" class="h-20  mx-auto" src="https://www.svgrepo.com/show/443079/brand-geforce.svg">
        </a>
        <a target="_blank" href="">
            <img alt="" class="h-20  mx-auto" src="https://www.svgrepo.com/show/443042/brand-ethereum.svg">
        </a>
        <a target="_blank" href="">
            <img alt="" class="h-20  mx-auto" src="https://www.svgrepo.com/show/443206/brand-line.svg">
        </a>
        <a target="_blank" href="">
            <img alt="" class="h-20  mx-auto" src="https://www.svgrepo.com/show/519278/slack.svg">
        </a>
    </div>
</div>

Related Examples

Company icons grid

Piet Vriend

3 years ago

10.9k
Company icons grid
responsive company icons showcase grid

Amit Pachange

3 years ago

12.6k
Customer testimonies grid

Sameer Sultana

3 years ago

21.3k
Sponsors section
icon grid

Sienna

3 years ago

13.9k
Company icons grid

Amit Pachange

3 years ago

13.7k
Tailwind image gallery
Responsive grid with evenly spaced image cards. Each card has a title label at the bottom, and there's a subtle hover effect for interactive engagement.

Alok

3 years ago

62.3k
Welcome banner for developers portfolio
A hero section welcoming visitors to a portfolio or website. It features a large, visually appealing title and an image.

Vikram Choudhary

2 years ago

11.8k
Responsive products grid
Responsive product card grid using tailwind CSS.

Arya

3 years ago

46.2k
Login Form
Login Form With google icon

Md. Tofayel islam

1 year ago

2.1k
Brand Grid with Hover Effect

ariaw

1 year ago

2k
Logo grid

ariaw

11 months ago

1.1k
Logo grid

ariaw

11 months ago

1k