Collection of free Tailwind CSS list components from Codepen and other resources.

Related Articles

  1. Bootstrap Lists
  2. CSS Lists
  3. jQuery Lists
Demo image: Digital Ocean - Tutorial Lists

Author

  • Dzaky Widya Putra

Made with

  • HTML / CSS

About a code

Digital Ocean - Tutorial Lists

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 3.0.18

Demo image: Dispatch Listing

Author

  • sykespro

Made with

  • HTML / CSS

About a code

Dispatch Listing

Data listing expended.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 2.1.4

Demo image: List Items

Author

  • Adityacs001

Made with

  • HTML / CSS

About a code

List Items

List items with blurred background.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 2.1.4

Demo image: Unordered List

Author

  • riverscodes

Made with

  • HTML / CSS

About a code

Unordered List

Unordered list of card items with elevation on hover.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 1.4.6

Demo image: Events List - Custom Scrollbar

Author

  • Svjatoslav Torn

Made with

  • HTML / CSS

About a code

Events List - Custom Scrollbar

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 1.4.6

Demo image: Item List & Search

Author

  • arifhas

Made with

  • HTML / CSS

About a code

Item List & Search

Inspired from Refactoring UI.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 1.2.0

Demo image: Contact List

Author

  • doguskysilva

Made with

  • HTML / CSS

About a code

Contact List

A contact list with search and a form invite.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Tailwind version: 0.3.0