71b3 Tailwind CSS Media Objects - Official Tailwind UI Components
Now with vanilla JavaScript support
Learn more
UI BlocksTemplatesUI Kit
Sign inGet full access

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

Media Objects

Use these Tailwind CSS media object components to align images or icons with text, for things like user comments, blog posts, and author bios. These components are designed and built by the Tailwind CSS team, and include a variety of different styles and layouts.

Basic

Get the code

Basic

Get the code

Aligned to center

Get the code

Aligned to center

Get the code

Aligned to bottom

Get the code

Aligned to bottom

Get the code

Stretched to fit

Get the code

Stretched to fit

Get the code

Media on right

Get the code

Media on right

Get the code

Basic responsive

Get the code

Basic responsive

Get the code

Wide responsive

Get the code

Wide responsive

Get the code

Nested

Get the code

Nested

Get the code