Notifier Master Example

This demo showcases all features of the Notifier helper class, including spawning notifications, using different alert types, interactive documentation tips, and creating custom notifier configurations. Use the controls below to experiment with every feature.

NOTE: Notifier is designed to work with Bootstrap 5 and supports Bootswatch themes. Use the dropdown to switch themes and the button to toggle dark mode. Also if you are visiting on mobile, all notifications will appear in the top middle or bottom middle only.

Spawner Demo

The buttons below demonstrate spawning notifications in rapid succession, as well as a manual notification (with no auto‑dismiss).

All Alert Types

Click any button below to spawn a notification with that alert type:

Interactive Documentation

Below is an example code snippet for creating a Notifier instance. Click the buttons to see additional usage tips.

var notifier_instance = new Notifier({
  position: 'top',
  alignment: 'right',
  max_notifications: 5,
  default_timeout: 5000
});

Custom Notifier Configuration

Customize a notifier instance by selecting the parameters below and then test your custom notifier.