timolins/react-hot-toast

React Hot Toast is a notification library for React applications. In web development, a "toast" is a small pop-up message that briefly appears on screen, usually in a corner, to confirm that something happened (like "File saved" or "Message sent") and then fades away on its own. This library provides a simple way to add that behavior to a React app. The core setup is two steps: add a Toaster component somewhere in your app layout (it handles where and how notifications appear), and then call the toast() function from anywhere in your code to trigger a message. That call can happen inside a button handler, after an API request completes, or anywhere else in your application logic. One notable feature is the Promise API. When your code starts an operation that takes time, like fetching data from a server, you can pass that promise to the library and it will automatically show a loading indicator while waiting, then switch to a success or error message depending on the outcome. This removes the need to write that state-tracking logic yourself. The library is listed as less than 5 kilobytes in size including its styles, which is small for a UI component. It is also marked as accessible, meaning it is built to work with screen readers and keyboard navigation. For teams that want to build their own notification designs rather than use the default appearance, a useToaster hook is available that exposes the notification state without any built-in visual output. Installation is a single command via npm or pnpm. Full API documentation is on the project website at react-hot-toast.com.