React Hot Toast Save

Smoking Hot React Notifications ๐Ÿ”ฅ

Project README

react-hot-toast - Try it out

NPM Version minzipped size Build Status

Smoking hot Notifications for React.
Lightweight, customizable and beautiful by default.

Website ยท Documentation ยท Twitter

Cooked by Timo Lins ๐Ÿ‘จโ€๐Ÿณ


  • ๐Ÿ”ฅ 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()


With yarn

yarn 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 (
      <button onClick={notify}>Make me a toast</button>
      <Toaster />


Find the full API reference on official documentation.

Open Source Agenda is not affiliated with "React Hot Toast" Project. README Source: timolins/react-hot-toast
Open Issues
Last Commit
1 week ago

Open Source Agenda Badge

Open Source Agenda Rating