Home
Leon Bachmann
List section

List section

Beautiful list section with left border

This tailwind example is contributed by Leon Bachmann, on 24-Jan-2023. Component is made with Tailwind CSS v3. It is responsive.

List

Author Leon Bachmann

10.6k

Fork Fullscreen

<div class="mt-2 relative z-10">
 <ul
 class="mt-8 mx-auto max-w-xs text-left font-medium text-lg leading-none border-blue-200 divide-y divide-blue-200">
 <li>
 <a class="py-3.5 w-full flex items-center text-blue-500 hover:text-blue-700 hover:bg-blue-50" href="#">
 
 Cypress
 </a>
 </li>
 <li>
 <a class="py-3.5 w-full flex items-center text-blue-500 hover:text-blue-700 hover:bg-blue-50" href="#">
 
 Go
 </a>
 </li>
 <li>
 <a class="py-3.5 w-full flex items-center text-blue-500 hover:text-blue-700 hover:bg-blue-50" href="#">
 
 
 Jest
 (JavaScript)
 
 </a>
 </li>
 <li>
 <a class="py-3.5 w-full flex items-center text-blue-500 hover:text-blue-700 hover:bg-blue-50" href="#">
 
 
 JUnit
 (Java)
 
 </a>
 </li>
 <li>
 <a class="py-3.5 w-full flex items-center text-blue-500 hover:text-blue-700 hover:bg-blue-50" href="#">
 
 
 minitest
 (Ruby)
 
 </a>
 </li>
 <li>
 <a class="py-3.5 w-full flex items-center text-blue-500 hover:text-blue-700 hover:bg-blue-50" href="#">
 
 
 Mocha
 (JavaScript)
 
 </a>
 </li>

</ul>

</div>

Related Examples

Nested list
A nested list is suitable for a table of contents / navigational list

Author:
Noob

2 years ago

20.5k
List of links

Author:
Prajwal Hallale

2 years ago

10.2k
Responsive list with 3 columns

Author:
TailwindFlex

2 years ago

13.1k
Features list

Author:
Leon Bachmann

2 years ago

10.9k
Feature List

Author:
Laurits

2 years ago

10.3k
Todo List with Dark theme
Todo List with Dark theme

Author:
Muzammil Riaz

2 months ago

268
List component

Author:
Shru hari

1 year ago

2.5k
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
Bullet points list
for sections like "Why Choose Us"

Author:
Orson Kincaid

10 months ago

1.3k
Features list with icons

Author:
L.J. Weber

2 years ago

13.6k
Basic list

Author:
Leon Bachmann

2 years ago

10.1k
Document index page list

Author:
sql_guru

2 years ago

12.3k

Explore components by Tags

Didn't find component you were looking for?

Search from 2400+ components