Logo cloud - Htmlwind

Grid logo cloud

This tailwind example is contributed by Htmlwind, on 02-Jun-2025. Component is made with Tailwind v3.4. It is responsive.

Logo cloud

Author Htmlwind

Tailwind v3.4 1.4k 1

Fork Fullscreen

<div class="bg-white py-24 sm:py-32">
  <div class="mx-auto max-w-7xl sm:px-6 lg:px-8">
    <h2 class="mx-auto max-w-2xl px-6 text-center text-xl font-semibold leading-8 tracking-tight text-gray-900 sm:px-0">Trusted by companies across the globe</h2>
    <div class="mt-8 grid grid-cols-2 gap-1 overflow-hidden sm:grid-cols-4 sm:rounded-2xl lg:grid-cols-6">
      <div class="flex items-center justify-center bg-gray-500/5 p-8">
        <img class="max-h-12 w-full object-contain" src="https://htmlwind.com/assets/images/logo/logoipsum-214.svg" alt="Logoipsum" />
      </div>
      <div class="flex items-center justify-center bg-gray-500/5 p-8">
        <img class="max-h-12 w-full object-contain" src="https://htmlwind.com/assets/images/logo/logoipsum-221.svg" alt="Logoipsum" />
      </div>
      <div class="flex items-center justify-center bg-gray-500/5 p-8">
        <img class="max-h-12 w-full object-contain" src="https://htmlwind.com/assets/images/logo/logoipsum-216.svg" alt="Logoipsum" />
      </div>
      <div class="flex items-center justify-center bg-gray-500/5 p-8">
        <img class="max-h-12 w-full object-contain" src="https://htmlwind.com/assets/images/logo/logoipsum-317.svg" alt="Logoipsum" />
      </div>
      <div class="flex items-center justify-center bg-gray-500/5 p-8">
        <img class="max-h-12 w-full object-contain" src="https://htmlwind.com/assets/images/logo/logoipsum-284.svg" alt="Logoipsum" />
      </div>
      <div class="flex items-center justify-center bg-gray-500/5 p-8">
        <img class="max-h-12 w-full object-contain" src="https://htmlwind.com/assets/images/logo/logoipsum-311.svg" alt="Logoipsum" />
      </div>
      <div class="flex items-center justify-center bg-gray-500/5 p-8">
        <img class="max-h-12 w-full object-contain" src="https://htmlwind.com/assets/images/logo/logoipsum-288.svg" alt="Logoipsum" />
      </div>
      <div class="flex items-center justify-center bg-gray-500/5 p-8">
        <img class="max-h-12 w-full object-contain" src="https://htmlwind.com/assets/images/logo/logoipsum-263.svg" alt="Logoipsum" />
      </div>
      <div class="flex items-center justify-center bg-gray-500/5 p-8">
        <img class="max-h-12 w-full object-contain" src="https://htmlwind.com/assets/images/logo/logoipsum-220.svg" alt="Logoipsum" />
      </div>
      <div class="flex items-center justify-center bg-gray-500/5 p-8">
        <img class="max-h-12 w-full object-contain" src="https://htmlwind.com/assets/images/logo/logoipsum-211.svg" alt="Logoipsum" />
      </div>
      <div class="flex items-center justify-center bg-gray-500/5 p-8">
        <img class="max-h-12 w-full object-contain" src="https://htmlwind.com/assets/images/logo/logoipsum-329.svg" alt="Logoipsum" />
      </div>
      <div class="flex items-center justify-center bg-gray-500/5 p-8">
        <img class="max-h-12 w-full object-contain" src="https://htmlwind.com/assets/images/logo/logoipsum-325.svg" alt="Logoipsum" />
      </div>
    </div>
  </div>
</div>

Related Examples

Social Media Icons
Social Media Icons

Aman kumar

2 years ago

3.4k
Brand Grid with Hover Effect

ariaw

1 year ago

2k
Logo grid

ariaw

1 year ago

1k
Home css
Home by css

Hacker Development

1 year ago

1.3k
icon
icon

Aman kumar

2 years ago

3.1k
Company icons grid
responsive company icons showcase grid

Amit Pachange

3 years ago

12.6k
Logo grid

ariaw

1 year ago

1.1k
SocialConnect - Stay Connected
SocialConnect - Stay Connected

Uwera Dorcas

1 year ago

1.3k
Social Media Icons
Social Media Icons

Aman kumar

2 years ago

3.5k
Logo cloud

Alok

3 years ago

11k
Marquee Slider of Client Logos – Smooth Scrolling Brand Showcase
Enhance your website's credibility with a sleek marquee slider displaying client logos. This continuously scrolling slider provides a dynamic and engaging way to showcase your trusted partnerships, ensuring a professional and visually appealing design. Perfect for businesses, portfolios, and service-based websites.

M Junaid

1 year ago

1.5k
Login Form
Login Form With google icon

Md. Tofayel islam

1 year ago

2.1k