notifications_active

The Best Toast
in Town

Smoking hot React notifications. Lightweight, customizable, and accessible by default.

🔥 Hot by default Easy to use Accessible Emoji Support Customizable Promise API Lightweight Pause on hover Headless Hooks

PNPM content_copy

pnpm add react-hot-toast

TSX content_copy

import { Toaster } from 'react-hot-toast';

const App = () => {
  return <Toaster />;
};

JAVASCRIPT content_copy

toast("Hello World")

Powerful Features

Simple outside, flexible inside.

check_circle

Success

error

Error

published_with_changes

Promise

notes

Multi Line

mood

Emoji

dark_mode

Dark Mode

code

JSX Content

palette

Themed

layers

Custom Position

css

TailwindCSS Support

REACT TOASTER

<Toaster
  position="top-center"
  reverseOrder={false}
/>