JS Toaster is a simple, lightweight toast notification system built with pure JavaScript, HTML, and CSS. It provides a quick and easy way to display success, error, and invalid messages to the user.
Live Demo : You can view the live demo of JS Toaster here : https://js-toaster.vercel.app/
- HTML: Utilizes HTML for structuring the web page.
- CSS: Employs CSS for styling the web page and the toast notifications.
- JavaScript: Leverages JavaScript to create dynamic toast notifications.
JS Toaster is an attempt to create a simple yet effective toast notification system that can be easily integrated into any web project.
The JS Toaster supports:
- 💯 Free & open-source.
- 🍞 Simple toast notifications.
- 🎨 Customizable.
- 🖼️ Different types of notifications demonstrated using Pure CSS animations: Success ✅, Error ❌, Invalid 🚫.
Here's a look at JS Toaster features in action:
Follow these steps to set up and run JS Toaster on your local machine:
First, clone the repository to your local machine. You can do this by downloading the project files directly from GitHub.
Navigate to the project directory and open the index.html file in your browser.
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".
Don't forget to give the project a star! Thanks again!
Distributed under the MIT License. See LICENSE for more information.
- Font Awesome for the icons used in the toast notifications.