Home
Sophia Baker
Responsive list

Responsive list

Horizontal list of items

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

List Tag Cloud

Author Sophia Baker

10.5k

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

Author:
Prajwal Hallale

2 years ago

12.9k
Minimal tag cloud design with heading text

Author:
Rafferty Kim

2 years ago

10.2k
User list
User list

Author:
Anonymous

5 months ago

384
macOS Style Webpage – macOS Design in the Browser
A simple webpage inspired by the macOS interface. It recreates the clean design, dock, and desktop look of macOS using only HTML, tailwind CSS, and JavaScript. This project focuses on front-end styling and layout to bring the visual feel of macOS to the web — not a full simulation, just the look and vibe.

Author:
Hamza Atig

3 weeks ago

435
Projects List

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

10 months ago

1.3k
Responsive list

Author:
Sienna

2 years ago

12.2k
Nested list section
List with soft background colors. List with Hierarchy

Author:
Orion.c

2 years ago

11.7k
List with border

Author:
Samuel Dawson

2 years ago

11.1k
Timeline
timeline with journey

Author:
Abhiraj

10 months ago

924
Feature List
Feature List Card (Responsive and supports Dark Mode)

Author:
Mr Robot

3 years ago

10.6k
todo list with Tailwind CSS and Alpinejs

Author:
Michael Andreuzza

1 year ago

2k
Article List Section
A section displaying a list of articles with associated information.

Author:
Junclarkaizen Pagu

2 years ago

6.9k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components