Popularity

8.5

Growing

Activity

4.9

Stars 5,245

Watchers 20

Forks 169

Last Commit 11 days ago

Description

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

Programming language: TypeScript

License: MIT License

Tags: UI Components Notification UI React Snackbar

react-hot-toast alternatives and similar libraries

Based on the "Notification" category.
Alternatively, view react-hot-toast.com alternatives based on common mentions on social networks and blogs.

react-toastify

9.1 8.9 react-hot-toast VS react-toastify

React notification made easy 🚀 !
notistack

7.9 5.1 react-hot-toast VS notistack

Highly customizable notification snackbars (toasts) that can be stacked on top of each other

Appwrite - The Open Source Firebase alternative introduces iOS support

Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

Promo appwrite.io

react-notification-system

7.7 0.0 react-hot-toast VS react-notification-system

A complete and totally customizable component for notifications in React
react-toast-notifications

7.4 1.0 react-hot-toast VS react-toast-notifications

🍞 A toast notification system for react
reapop

6.4 9.6 react-hot-toast VS reapop

:postbox: A simple and customizable React notifications system
react-notifications-component

6.1 7.4 react-hot-toast VS react-notifications-component

Delightful and highly customisable React Component to notify your users
react-s-alert

5.2 0.0 react-hot-toast VS react-s-alert

Alerts / Notifications for React with rich configuration options.
react-notification

5.2 0.1 react-hot-toast VS react-notification

Snackbar notifications for React.
cogo-toast

5.1 0.0 react-hot-toast VS cogo-toast

Beautiful, Zero Configuration, Toast Messages for React. Only ~ 4kb gzip, with styles and icons
react-crouton

2.6 0.0 react-hot-toast VS react-crouton

A message component for reactjs
react-toast

1.6 1.8 react-hot-toast VS react-toast

Minimal toast notifications for React.
simple-react-notifications

1.6 0.0 react-hot-toast VS simple-react-notifications

Tiny React.js notification library (1kb gzip).
react-snackbar-alert

1.2 0.0 react-hot-toast VS react-snackbar-alert

demo
myt-react-notify

0.3 0.0 react-hot-toast VS myt-react-notify

one of a kind react notification

Do you think we are missing an alternative of react-hot-toast or a related project?

Add another 'Notification' Library

Popular Comparisons

README

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()

Installation

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