# 3 Toast Libraries You Can Use in your React Projects

## what is toast

A toast is a non-modal dialog that appears and disappears in the span of a few seconds. ... Typically, toast messages display one or two-line non-critical messages that do not require user interaction.

## 1. react-toastify

- [GitHub](https://github.com/fkhadra/react-toastify)

- [Website](https://fkhadra.github.io/react-toastify/introduction/)

**react-toastify** one of the most useful toast libraries out there. It has tons of cool features like;

- Swipe to close
- Display a **React element** inside the toast
- Can remove a toast programmatically
- much more..

## 2. react-hot-toast

- [Github](https://github.com/timolins/react-hot-toast)

- [Website](https://react-hot-toast.com/docs)

react-hot-toast is small, accessible and easily customizable toast library which has;

- Promise API
- Headless Hooks
- Lighweight (*less than 5kb - including the styles*)

## 3. react-toast-notifications

- [GitHub](https://github.com/jossmac/react-toast-notifications)

- [Website](https://jossmac.github.io/react-toast-notifications/)

react-toast-notifications is also cool library to get work with but unfortunately it is no longer maintained.

## 4. Links
- [React-toastify v8 is live](https://dev.to/fkhadra/react-toastify-v8-is-live-4bal)

- [Top React toast libraries compared - LogRocket Blog](https://blog.logrocket.com/top-react-toast-libraries-compared/)