Free alerts

Alerts, banners and toasts: soft, solid and outline variants, dismissible, gradient, cookie, glass and notifications. Copy the code, grab an AI prompt, or install with the shadcn CLI.

Soft Variants Alert

Original

Soft-tinted alerts: success, info, warning and error, each with an icon.

Solid Variants Alert

Original

Solid-colour alerts across the four states.

Outline Variants Alert

Original

Outlined alerts across the four states.

Left Accent Alert

Original

Alerts with a coloured left accent bar and icon.

Dismissible Alert

Original

Dismissible alerts with a working close button.

With Action Alert

Original

An alert with title, body and action buttons.

Icon Large Alert

Original

An alert led by a large circular icon.

Banner Top Alert

Original

A full-width top announcement banner, dismissible.

Toast Stack Alert

Original

A stack of dismissible toasts in a corner.

Toast Slide Alert

Original

A toast that slides in with an icon and auto-dismiss progress.

Progress Alert

Original

An alert with a countdown progress bar.

Gradient Alert

Original

A gradient promo banner alert with a call to action.

Inline Form Alert

Original

An alert containing an inline email input and button.

List Alert

Original

An alert containing a short bullet list of items.

Avatar Alert

Original

A notification-style alert led by an avatar.

Cookie Alert

Original

A cookie-consent banner with accept and decline.

Glass Alert

Original

A frosted-glass alert over a subtle gradient.

Minimal Alert

Original

A minimal one-line alert with a dot indicator.

Callout Alert

Original

An editorial callout box in info, tip and warning styles.

Expandable Alert

Original

An alert that expands to reveal more detail.