All Projects β†’ timolins β†’ React Hot Toast

timolins / React Hot Toast

Licence: mit
Smoking hot React Notifications πŸ”₯

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language
CSS
56736 projects

Projects that are alternatives of or similar to React Hot Toast

Notistack
Highly customizable notification snackbars (toasts) that can be stacked on top of each other
Stars: ✭ 2,562 (-40.17%)
Mutual labels:  notifications, snackbar, toast-notifications
React Toast Notifications
🍞 A toast notification system for react
Stars: ✭ 2,103 (-50.89%)
Mutual labels:  notifications, snackbar, toast-notifications
SteamAchievementNotifier
Steam Achievement Notifier is an Electron application that shows a customisable notification when you unlock any Steam Achievement! It uses the Steam Web API to track achievement stats in real time, and displays an achievement summary within the notification.
Stars: ✭ 77 (-98.2%)
Mutual labels:  notifications, toast-notifications
bs5-utils
A JavaScript utility package for Bootstrap 5 components.
Stars: ✭ 26 (-99.39%)
Mutual labels:  snackbar, toast-notifications
tall-toasts
A Toast notification library for the Laravel TALL stack. You can push notifications from the backend or frontend to render customizable toasts with almost zero footprint on the published CSS/JS πŸ”₯πŸš€
Stars: ✭ 296 (-93.09%)
Mutual labels:  notifications, toast-notifications
Demo Progressive Web App
πŸŽ‰ A demo for progressive web application with features like offline, push notifications, background sync etc,
Stars: ✭ 798 (-81.36%)
Mutual labels:  notifications, snackbar
Uptime Monitor App
A PHP application to monitor uptime and ssl certificates
Stars: ✭ 205 (-95.21%)
Mutual labels:  notifications
Django Webpush
Web Push Notification Package for Django
Stars: ✭ 217 (-94.93%)
Mutual labels:  notifications
Budgie Desktop
I Tawt I Taw A Purdy Desktop
Stars: ✭ 2,374 (-44.56%)
Mutual labels:  notifications
Apns Http2
A Java library for sending notifications via APNS using Apple's HTTP/2 API.
Stars: ✭ 194 (-95.47%)
Mutual labels:  notifications
Cordova Plugin Local Notifications
Cordova Local-Notification Plugin
Stars: ✭ 2,525 (-41.03%)
Mutual labels:  notifications
Rspec Nc
🚦 RSpec formatter for OS X's Notification Center
Stars: ✭ 223 (-94.79%)
Mutual labels:  notifications
Laravel Slack Slash Command
Make a Laravel app respond to a slash command from Slack
Stars: ✭ 215 (-94.98%)
Mutual labels:  notifications
Electron Windows Notifications
⚑️ Send native Windows WinRT notifications from Electron
Stars: ✭ 206 (-95.19%)
Mutual labels:  notifications
React Notification System
A complete and totally customizable component for notifications in React
Stars: ✭ 2,439 (-43.04%)
Mutual labels:  notifications
Notify Send.sh
drop-in replacement for notify-send with more features
Stars: ✭ 200 (-95.33%)
Mutual labels:  notifications
Snackbar
A tiny browser library for showing a brief message at the bottom of the screen (1kB gzipped).
Stars: ✭ 224 (-94.77%)
Mutual labels:  snackbar
React Native Smart Tip
πŸ”₯πŸ”₯πŸ”₯Toast , SnackBar , Modal , Show Toast above Modal
Stars: ✭ 198 (-95.38%)
Mutual labels:  snackbar
Notica
Send browser notifications from your terminal. No installation. No registration.
Stars: ✭ 215 (-94.98%)
Mutual labels:  notifications
Apns2
⚑ HTTP/2 Apple Push Notification Service (APNs) push provider for Go β€” Send push notifications to iOS, tvOS, Safari and OSX apps, using the APNs HTTP/2 protocol.
Stars: ✭ 2,569 (-40%)
Mutual labels:  notifications

react-hot-toast - Try it out

NPM Version minzipped size Build Status

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 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>
  );
};

Documentation

Find the full API reference on official documentation.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].