Responsive list

Horizontal list of items

This tailwind example is contributed by Sophia Baker, on 20-Jan-2023. Component is made with Tailwind v3.4. It is responsive.

List Tag Cloud

Author Sophia Baker

Tailwind v3.4 10.9k 15

Fork Fullscreen

<ul class="flex flex-row flex-wrap max-w-2xl p-6 text-lg font-bold divide-x divide-border gap-4 cursor-pointer">
    <li class="px-2 hover:text-green-500">Mastercard</li>
    <li class="px-2 hover:text-green-500">Visa</li>
    <li class="px-2 hover:text-green-500">American Express</li>
    <li class="px-2 hover:text-green-500">Paypal</li>
    <li class="px-2 hover:text-green-500">Apple Pay</li>
    <li class="px-2 hover:text-green-500">Google Pay</li>
    <li class="px-2 hover:text-green-500">Bitcoin</li>
    <li class="px-2 hover:text-green-500">Klarna</li>
    <li class="px-2 hover:text-green-500">Microsoft Pay</li>
    <li class="px-2 hover:text-green-500">iDeal</li>
    <li class="px-2 hover:text-green-500">Multibanco</li>
    <li class="px-2 hover:text-green-500">Litecoin</li>
    <li class="px-2 hover:text-green-500">Ethereum</li>
    <li class="px-2 hover:text-green-500">Monero</li>
    <li class="px-2 hover:text-green-500">Alipay</li>
    <li class="px-2 hover:text-green-500">Weshare</li>
    <li class="px-2 hover:text-green-500">Virtual Game Skins</li>
    <li class="px-2 hover:text-green-500">Cash</li>
</ul>

Related Examples

Tag Cloud
Tag cloud with sub-sections

Prajwal Hallale

3 years ago

13.2k
Minimal tag cloud design with heading text

Rafferty Kim

3 years ago

10.9k
User list
User list

Anonymous

1 year ago

975
The Free AI Tools Grid Section (210+ Tools, No Signup)
A responsive and SEO-optimized grid section showcasing over 210 free AI tools. Designed with Tailwind CSS, fully responsive, fast-loading, and built for high user engagement. No sign-up required, privacy-friendly, and optimized for performance and discoverability.https://www.thefreeaitools.com/

Achraf Testq

6 months ago

629
The Free AI Tools Grid Section (210+ Tools, No Signup)
A responsive and SEO-optimized grid section showcasing over 210 free AI tools. Designed with Tailwind CSS, fully responsive, fast-loading, and built for high user engagement. No sign-up required, privacy-friendly, and optimized for performance and discoverability.https://www.thefreeaitools.com/

Hasan AlDoy (McDoy)

5 months ago

480
ToDo

Im_angeo

5 months ago

520
shopping
easy way to get pizza

Nishimwe Jeanine

1 year ago

1.7k
Nested list

Lukas Müller

3 years ago

14.1k
GitHub

МОЙДОЫР

11 months ago

1k
Hierarchy list

Anonymous

3 years ago

11.5k
Reusable Skill Showcase Section With Pure Tailwind CSS
A fully responsive and modular "Skills & Tools" section, perfect for any developer portfolio. Built with static HTML and Tailwind CSS, this component can be easily integrated into any project and made dynamic using any frontend framework (Vue, React, Svelte, Angular) or vanilla JavaScript. Customize it to highlight your unique tech stack and create engaging portfolio pages.

Abdul Baset Bappy

1 year ago

2.6k
About our apps UI Components
A visual collection of our most recent works - each piece crafted with intention, emotion and style.

Alif Bima Pradana

8 months ago

878