πŸ“„ tailwindcss/plus/ui-blocks/application-ui/layout/dividers

File: dividers.md | Updated: 11/15/2025

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

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

Dividers

Use these Tailwind CSS divider components to separate content sections with horizontal lines, featuring buttons, toolbars, titles, labels, and icons. These dividers are designed and built by the Tailwind CSS team, and include a variety of different styles and layouts.

With label


Preview

Get the code β†’

With label


Preview

Get the code β†’

With icon


Preview

Get the code β†’

With icon


Preview

Get the code β†’

With label on left


Preview

Get the code β†’

With label on left


Preview

Get the code β†’

With title


Preview

Get the code β†’

With title


Preview

Get the code β†’

With title on left


Preview

Get the code β†’

With title on left


Preview

Get the code β†’

With button


Preview

Get the code β†’

With button


Preview

Get the code β†’

With title and button


Preview

Get the code β†’

With title and button


Preview

Get the code β†’

With toolbar


Preview

Get the code β†’

With toolbar


Preview

Get the code β†’