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

633
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)

6 months ago

489
Projects List

$$@(\/)(\/)¥$ $@(\/)(\/)¥

1 year ago

2.5k
Tag cloud
Tag cloud with hover effect it also has support for dark mode

OmKar Mehta

2 years ago

2.9k
Hierarchy list

Anonymous

3 years ago

11.5k
Users ranking list with points

Leif99

3 years ago

12.9k
List example

Isabella Kowalski

3 years ago

14.9k
GitHub

МОЙДОЫР

1 year ago

1k
Todo List with Dark theme
Todo List with Dark theme

Muzammil Riaz

1 year ago

1.9k