Home
Wagner Augusto
List example

List example

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

List

<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

Nested list

Author:
Lukas Müller

3 years ago

13.4k
Hierarchy list

Author:
Anonymous

2 years ago

10.9k
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.

Author:
Abdul Baset Bappy

11 months ago

1.9k
Feature list
list section

Author:
Gopi Yadav

3 years ago

10.6k
Document index page list

Author:
sql_guru

2 years ago

12.6k
Services list

Author:
ariaw

4 months ago

171
Bullet points list
for sections like "Why Choose Us"

Author:
Orson Kincaid

1 year ago

2k
List with border

Author:
Samuel Dawson

3 years ago

11.3k
Logo cloud

Author:
Alok

2 years ago

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

Author:
Junclarkaizen Pagu

2 years ago

7.3k
Users ranking list

Author:
Leif99

3 years ago

16.3k
List component

Author:
Shru hari

1 year ago

3.4k

Explore components by Tags

Didn't find component you were looking for?

Search from 3000+ components