Source: https://tailwindcss.com/plus/ui-blocks/application-ui/lists/grid-lists

• • Marketing

  • Application UI

  • Ecommerce

  • Documentation

• Application Shells

  • Stacked Layouts

  • Sidebar Layouts

  • Multi-Column Layouts

• Headings

  • Page Headings

  • Card Headings

  • Section Headings

• Data Display

  • Description Lists

  • Stats

  • Calendars

• Lists

  • Stacked Lists

  • Tables

  • Grid Lists

  • Feeds

• Forms

  • Form Layouts

  • Input Groups

  • Select Menus

  • Sign-in and Registration

  • Textareas

  • Radio Groups

  • Checkboxes

  • Toggles

  • Action Panels

  • Comboboxes

• Feedback

  • Alerts

  • Empty States

• Navigation

  • Navbars

  • Pagination

  • Tabs

  • Vertical Navigation

  • Sidebar Navigation

  • Breadcrumbs

  • Progress Bars

  • Command Palettes

• Overlays

  • Modal Dialogs

  • Drawers

  • Notifications

• Elements

  • Avatars

  • Badges

  • Dropdowns

  • Buttons

  • Button Groups

• Layout

  • Containers

  • Cards

  • List containers

  • Media Objects

  • Dividers

• Page Examples

  • Home Screens

  • Detail Screens

  • Settings Screens

5-day Mini-Course

Build UIs that don’t suck.

Short, tactical video lessons from the creator of Tailwind CSS, delivered directly to your inbox every day for a week.

Get the free course

Grid Lists

Use these Tailwind CSS grid list components to visually organize things like cards or images in a grid layout. These grid components are designed and built by the Tailwind CSS team, and include a variety of different styles and layouts.

Contact cards with small portraits

---

Preview

Get the code →

Contact cards with small portraits

---

Preview

Get the code →

Contact cards

---

Preview

Get the code →

Contact cards

---

Preview

Get the code →

Simple cards

---

Preview

Get the code →

Simple cards

---

Preview

Get the code →

Horizontal link cards

---

Preview

Get the code →

Horizontal link cards

---

Preview

Get the code →

Actions with shared borders

---

Preview

Get the code →

Actions with shared borders

---

Preview

Get the code →

Images with details

---

Preview

Get the code →

Images with details

---

Preview

Get the code →

Logos cards with description list

---

Preview

Get the code →

Logos cards with description list

---

Preview

Get the code →