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

1.5k

<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

Table
Table with image and status with pagination buttons

Author:
Abhiraj

7 months ago

1.6k
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

4 months ago

980
User list
User list

Author:
Anonymous

2 months ago

222
Minimal list section

Author:
Task Master

2 years ago

8.3k
Feature List

Author:
Laurits

2 years ago

10.3k
List section
Beautiful list section with left border

Author:
Leon Bachmann

2 years ago

10.6k
Basic list

Author:
Sophia Baker

2 years ago

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

Author:
Orion.c

2 years ago

11.7k
Item List

Author:
Amit Pachange

2 years ago

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

Author:
Junclarkaizen Pagu

1 year ago

6.5k
Game Character Cards
Simple game character cards selection

Author:
Diavox Jerome Soriano

6 months ago

1.1k
Todo List with Dark theme
Todo List with Dark theme

Author:
Muzammil Riaz

2 months ago

268

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components