Messages

  • John Doe

    Hey, can we meet?

  • Sarah J.

    Check your inbox!

View all
Notifications

  • New Login

    IP 192.168.1.1

  • System Alert

    High CPU Usage

View all

Admin User

admin@example.com

Basic Alerts

A simple primary alert—check it out!
A simple secondary alert—check it out!
A simple success alert—check it out!
A simple danger alert—check it out!
A simple warning alert—check it out!
A simple info alert—check it out!
A simple light alert—check it out!
A simple dark alert—check it out!

Default Alerts

A simple primary alert — check it out!
A simple secondary alert — check it out!
A simple success alert — check it out!
A simple danger alert — check it out!
A simple warning alert — check it out!
A simple info alert — check it out!
A simple light alert — check it out!
A simple dark alert — check it out!

Basic Alerts with Links

A simple primary alert with an example link — check it out!
A simple secondary alert with an example link — check it out!
A simple success alert with an example link — check it out!
A simple danger alert with an example link — check it out!
A simple warning alert with an example link — check it out!
A simple info alert with an example link — check it out!
A simple light alert with an example link — check it out!
A simple dark alert with an example link — check it out!

Solid Colored Alerts

A solid primary alert — check it out!
A solid secondary alert — check it out!
A solid success alert — check it out!
A solid danger alert — check it out!
A solid warning alert — check it out!
A solid info alert — check it out!
A solid light alert — check it out!
A solid dark alert — check it out!

Rounded Alerts

A rounded primary alert — check it out!
A rounded secondary alert — check it out!
A rounded success alert — check it out!
A rounded danger alert — check it out!
A rounded warning alert — check it out!
A rounded info alert — check it out!
A rounded light alert — check it out!
A rounded dark alert — check it out!

Rounded Alerts with Custom Close Button

This is a primary alert
This is a secondary alert
This is a success alert
This is a danger alert
This is a warning alert
This is an info alert
This is a light alert
This is a dark alert

Alerts with Visible Icons

Success alert with icon on left
Danger alert with icon on left
Warning alert with icon on left
Info alert with icon on left
Primary alert with icon on right
Secondary alert with icon on right
Light alert with icon on right
Dark alert with icon on right

Customized Alerts with SVGs

A customized primary alert with an icon
A customized secondary alert with an icon
A customized success alert with an icon
A customized danger alert with an icon
A customized warning alert with an icon
A customized info alert with an icon
A customized light alert with an icon
A customized dark alert with an icon

Alerts With Images

Avatar A simple primary alert with image — check it out!
Avatar A simple secondary alert with image — check it out!
Avatar A simple success alert with image — check it out!
Avatar A simple danger alert with image — check it out!
Avatar A simple warning alert with image — check it out!
Avatar A simple info alert with image — check it out!
Avatar A simple light alert with image — check it out!
Avatar A simple dark alert with image — check it out!

Enhanced Slim Alerts

This is a simple alert
This is a simple alert
Lorem ipsum dolor sit amet consectetur.
Lorem ipsum dolor sit amet consectetur.

Card Actioned Alerts

Information?

This alert is created to just show the related information.

Confirmed

This alert is created to just show the confirmation message.

Warning

This alert is created to just show the warning message.

Danger

This alert is created to just show the danger message.

Background Actioned Alerts

Primary Alert

This is a primary alert message.

Secondary Alert

This is a secondary alert message.

Success Alert

This is a success alert message.

Danger Alert

This is a danger alert message.

Warning Alert

This is a warning alert message.

Info Alert

This is an informational alert.

Light Alert

This is a light alert message.

Dark Alert

This is a dark alert message.

Additional Content

Thank you for reporting this.

We appreciate you to let us know the bug in the template and for warning us about future consequences. Visit for support for queries

Thank you for reporting this.

We appreciate you to let us know the bug in the template and for warning us about future consequences. Visit for support for queries

Thank you for reporting this.

We appreciate you to let us know the bug in the template and for warning us about future consequences. Visit for support for queries

Thank you for reporting this.

We appreciate you to let us know the bug in the template and for warning us about future consequences. Visit for support for queries

Modals Examples

Form Based

Users Status

# Name Role Status

Edit Pin

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda incidunt

Table Settings

Lorem ipsum dolor sit amet consectetur adipisicing elit. Aut dignissimos.

Follow Request

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga sunt vel vero.

Style Modals Styles

Are you sure?

You will not be able to recover this imaginary file!

Toasts Examples

Toast Notification

This is a toast message.

Toast Notification

This is a toast message.

Offcanvas Modals