Smoking hot Notifications for React.

Lightweight, customizable and beautiful by default.

Website · Documentation · Twitter

_{Cooked by Timo Lins 👨‍🍳}

## Features - 🔥 **Hot by default** - 🔩 **Easily Customizable** - ⏳ **Promise API** - _Automatic loader from a promise_ - 🕊 **Lightweight** - _less than 5kb including styles_ - ✅ **Accessible** - 🤯 **Headless Hooks** - _Create your own with [`useToaster()`](https://react-hot-toast.com/docs/use-toaster)_ ## Installation #### With yarn ```sh yarn add react-hot-toast ``` #### With NPM ```sh npm install react-hot-toast ``` ## Getting Started Add the Toaster to your app first. It will take care of rendering all notifications emitted. Now you can trigger `toast()` from anywhere! ```jsx import toast, { Toaster } from 'react-hot-toast'; const notify = () => toast('Here is your toast.'); const App = () => { return (

); }; ``` ## Documentation Find the full API reference on [official documentation](https://react-hot-toast.com/docs).

	Stars	Issues	Version	Updated	Created
react-hot-toast	9,682	145	2.4.1	a year ago	4 years ago
react-toastify	12,554	146	10.0.5	6 months ago	8 years ago
reapop	1,548	3	4.2.2	a year ago	8 years ago

react-hot-toast vs react-toastify vs reapop

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Sick of boring JavaScript newsletters?

Downloads in past