Popularity

8.8

Growing

Activity

5.8

Stars 8,118

Watchers 27

Forks 266

Last Commit 6 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 7.3 react-hot-toast VS react-toastify

React notification made easy 🚀 !
notistack

8.1 6.8 react-hot-toast VS notistack

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

Appwrite - The open-source backend cloud platform

The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!

Promo appwrite.io

react-notification-system

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

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

7.3 0.0 react-hot-toast VS react-toast-notifications

🍞 A toast notification system for react
reapop

6.5 0.0 react-hot-toast VS reapop

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

6.1 0.0 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.2 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.5 0.0 react-hot-toast VS react-crouton

A message component for reactjs
react-toast

1.7 0.0 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.4 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>
  );
};