Push notifications to your visitors with a toast, a lightweight and easily customizable alert message.
Basic example
Around
11 mins ago
Hello, world! This is a toast message.
Color variations
Primary toast
Hello, world! This is a toast message.
Secondary toast
Hello, world! This is a toast message.
Success toast
Hello, world! This is a toast message.
Danger toast
Hello, world! This is a toast message.
Warning toast
Hello, world! This is a toast message.
Info toast
Hello, world! This is a toast message.
Dark toast
Hello, world! This is a toast message.
Custom color toast
Hello, world! This is a toast message.
Customize theme
Colors
Primary
Warning
Info
Success
Danger
Typography (1rem = 16px)
Borders / Rounding
Your custom styles
Grab the generated styles below. Wrap them inside <style> tag and put in the <head> section of your HTML document.
IMPORTANT: In order for these styles to take effect you have to placed them below: <link rel="stylesheet" media="screen" href="assets/css/theme.min.css">