List example

This tailwind example is contributed by Wagner Augusto, on 19-Sep-2024. Component is made with Tailwind v3.4.

Tailwind v3.4 2.5k 3

<ul class="bg-white rounded-lg shadow divide-y divide-gray-200 w-full">
    <li class="px-6 py-4">
        <div class="flex justify-between">
            <span class="font-semibold text-lg">List Item 1</span>
            <span class="text-gray-500 text-xs">1 day ago</span>
        </div>
        <p class="text-gray-700">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in dui mauris.</p>
    </li>
    <li class="px-6 py-4">
        <div class="flex justify-between">
            <span class="font-semibold text-lg">List Item 2</span>
            <span class="text-gray-500 text-xs">2 days ago</span>
        </div>
        <p class="text-gray-700">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in dui mauris.</p>
    </li>
    <li class="px-6 py-4">
        <div class="flex justify-between">
            <span class="font-semibold text-lg">List Item 3</span>
            <span class="text-gray-500 text-xs">3 days ago</span>
        </div>
        <p class="text-gray-700">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam in dui mauris.</p>
    </li>
</ul>
</div>

Related Examples

Users ranking list with points

Leif99

3 years ago

12.9k
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
Responsive list with icons

Prajwal Hallale

3 years ago

10.6k
Items list
list in fieldset

Prajwal Hallale

4 years ago

9.3k
Users ranking list

Leif99

3 years ago

17k
Basic list

Leon Bachmann

3 years ago

10.6k
Todo list in tailwlind

Kofi Osei

3 years ago

18.2k
List with highlighted text

Amit Pachange

3 years ago

10.5k
Features list

Leon Bachmann

3 years ago

11.5k
Features list with icons

L.J. Weber

3 years ago

15.2k
Feature list
list section

Gopi Yadav

3 years ago

11.2k
Todo list template

Steven Kuhn

3 years ago

19.5k