Back to rankings
Smoking Hot React Notifications 🔥
reactnotificationstoast-notificationssnackbar
Key Metrics
Star Growth
Stars
11k
Forks
371
Weekly Growth
—
Issues
115
5k10k
Dec 2020Nov 2021Oct 2022Sep 2023Sep 2024Aug 2025Jul 2026
Artifactsnpm
npm install react-hot-toastREADME
Smoking hot Notifications for React.
Lightweight, customizable and beautiful by default.
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()
Installation
With pnpm
pnpm add react-hot-toast
With NPM
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!
import toast, { Toaster } from 'react-hot-toast';
const notify = () => toast('Here is your toast.');
const App = () => {
return (
<div>
<button onClick={notify}>Make me a toast</button>
<Toaster />
</div>
);
};
Documentation
Find the full API reference on official documentation.
Related repositories