Top Positions
Bottom Positions


Text Notifications

This notification just includes text.

Close Button

Close this notification clicking on close button.

Progress Bar

Visually indicate how long before a toast expires.

Clear Toast

Add button to force clearing a toast, ignoring focus.

Clear Toasts


Immediately remove current toasts without using animation.


Remove current toasts using animation.

Duration & Timeout

Show .5s

You can define via showDuration what amount of time will it take to show a message.

Hide 3s

You can define via hideDuration what amount of time will it take to hide a message.

Timeout 5s

You can define via timeout for what amount of time in milliseconds a message is visible.


You can also create a sticky message by setting the timeout to 0.

Show / Hide Animation

Use the jQuery show/hide method of your choice. These default to fadeIn/fadeOut. The methods fadeIn/fadeOut, slideDown/slideUp, and show/hide are built into jQuery.

Navbar Color Options

Layout Options

Sidebar menu Background

Sidebar Background Image
background image
background image
background image
background image

Try Layout Builder