Source: https://tailwindcss.com/plus/ui-blocks/application-ui/layout/containers

• • 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

Containers

Use these Tailwind CSS container components as the foundation for building fully responsive interfaces with sensible padding across device sizes. These containers are designed and built by the Tailwind CSS team, and include a variety of different layouts.

Full-width on mobile, constrained with padded content above

---

Preview

Get the code →

Full-width on mobile, constrained with padded content above

---

Preview

Get the code →

Constrained with padded content

---

Preview

Get the code →

Constrained with padded content

---

Preview

Get the code →

Full-width on mobile, constrained to breakpoint with padded content above mobile

---

Preview

Get the code →

Full-width on mobile, constrained to breakpoint with padded content above mobile

---

Preview

Get the code →

Constrained to breakpoint with padded content

---

Preview

Get the code →

Constrained to breakpoint with padded content

---

Preview

Get the code →

Narrow constrained with padded content

---

Preview

Get the code →

Narrow constrained with padded content

---

Preview

Get the code →