Fancy Toast Notification Generator

Building fancy toast notification without coding? Building fancy Toast Notification has been never this easy. We have provided you with toast notification generator that will allow you to build your own popup without coding. To use this, your template should have Fontawesome version 5x installed. Using this popup generator, you can set the width, height, color, position, icon, text, and the delay time.

Neither coding skill nor login are required to use this popup generator. You can review your popup design. After that, you can generate the HTML, CSS, and JS codes required to be installed on your template. If you are using Blogger, the CSS code should be placed just above the /b:skin tag while the HTML and JS code should be placed above the </body> tag. Don't place the codes within a widget because it does not work that way.

Let's start

Toast Width

...px

Toast Height

...px

Icon Size

...pt

Background Color

Icon Box Color

Icon Color

Text Color

Time Delay

milisecond.

Toast Text (HTML Supported)

Toast Position

Top
Bottom

Select Icon:

Success
Warning
Info
Danger

Preview

Your Codes

HTML:

CSS:

JS: