Tailwind UI is now Tailwind Plus
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

Banners

Use these Tailwind CSS announcement and banner examples to add important information and call-to-actions to your website, such as announcements, cookie banners, and privacy notices. These CSS banner examples are designed and built by the Tailwind CSS team, and include a variety of different styles and layouts.

With button

On dark

Get the code

On brand

Get the code

With background glow

Get the code

With link

Get the code

Left-aligned

Get the code

Bottom aligned

Get the code

Floating at bottom

Get the code

Floating at bottom centered

Get the code

Privacy notice right-aligned

Get the code

Privacy notice centered

Get the code

Privacy notice left-aligned

Get the code

Privacy notice full width

Get the code