I created this JS library as an open-source project (for studying purposes) to provide beautiful alert box messages made with HTML, CSS and JS only. Feel free to contribute with a pull request or suggestions.

• Clone this repository into your project's lib folder.
• Import both "style.css" and "cute-alert.js" into your code just like described on the image below:

It's way too simple for you to import this lib into your code, all you have to do is call cuteAlert() and pass its arguments in object notation.

buttonText is an optional parameter, by default it's set as "OK".

type will define what kind of alert box will be shown.

cuteAlert()returns a Promise, so you can use then to execute an action after the alert box frame is closed.

As for the question alert box, you can choose what you want to do after any of the buttons is pressed with then aswell.

confirmText and cancelText are both optional, by the default they are set as "Confirm" and "Cancel" respectively.

If you wish to have the close button styled as a circle, you need to pass closeStyle: "circle" as an argument in cuteAlert().

It's even easier to use toasts, all you have to do is call cuteToast() and pass type, message and timer(in miliseconds) as its arguments.

It also returns a Promise, so you can use then to execute an action after the toast is closed or reaches its end by a timer.

• Igor Ferrão de Souza https://www.linkedin.com/in/igor-ferr%C3%A3o-de-souza-4122407b/

• Gustavo Mancuzo - gustavosmanc

• Leonardo Bertoncin - lbert1