πŸ“„ tailwindcss/plus/ui-blocks/application-ui/overlays/notifications

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

Source: https://tailwindcss.com/plus/ui-blocks/application-ui/overlays/notifications

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

Notifications

Use these Tailwind CSS notification and toast components to add non-intrusive alerts for user notifications to your application, featuring action and dismiss buttons, avatars, and icons. These components are designed and built by the Tailwind CSS team, and include a variety of different styles and layouts.

Simple


Preview

Get the code β†’

Simple


Preview

Get the code β†’

Condensed


Preview

Get the code β†’

Condensed


Preview

Get the code β†’

With actions below


Preview

Get the code β†’

With actions below


Preview

Get the code β†’

With avatar


Preview

Get the code β†’

With avatar


Preview

Get the code β†’

With split buttons


Preview

Get the code β†’

With split buttons


Preview

Get the code β†’

With buttons below


Preview

Get the code β†’

With buttons below


Preview

Get the code β†’