Snackbars provide brief feedback about an operation through a message at the bottom of the screen. toasts are intended to be non-intrusive and brief. A user must be able to read and comprehend a toast message in 4 seconds before the toast automatically closes itself. There are two types the first one is the basic with hiding seconds and the second one is a loading toast that has a loading circle once it is finished the toast will be automatically closed itself.

⦿ Basic toast: It’s a toast with hiding seconds after 4s it will be displayed with a cool slide animation Effect, There are four types of toast notifications.

⦿ Loading Toast: It’s a toast Toast with a Loading Animation circle after 4s it will be completed and disappeared with a cool slide animation Effect, There are four types of toast notifications.

● Pure CSS and CSS3

● Javascript

● No images (except icons)

● 8 different boxes

● it’s very easy to set up and change the color and icon of the box with one class!

● Documentation for guidance

● Easy to Implement and Customize

NB: we used Bootstrap Icons.