Collection
Post cover

Collection of 15 React Notifications

Collection of free React notifications and alerts with code examples: boxes, badges and more.

React Hot Toast

Author: Timo Lins; December 8, 2020

Links: demo and code

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

Features:

  • Hot by default
  • Easily Customizable
  • Promise API - Automatic loader from a promise
  • Lightweight - less than 5 KB including styles
  • Accessible
  • Headless Hooks - Create your own with useToaster()

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

React Toast

Author: Mohammadreza Ziadzadeh; December 6, 2020

Links: GitHub, Demo

Minimal toast notifications for React. You can display custom styled toasts.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

Snackfy

Author: Bruno Kurt; September 5, 2020

Last updated: June 29, 2021

Links: Demo and code

Snackfy is a notification provider for React that can easily show, stack up, queue and customize notifications inside your React app.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

React Lite Toast

Author: Ajin Kabeer; May 17, 2020

Links: GitHub, Demo

A minimal and lite toast UI notification for React.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: -

React Native Notifier

Author: Ivan Seniv; March 21, 2020

Links: Demo and code

Fast, simple, and customizable in-app notifications for React Native.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Push notification library for React.js

Author: fabioshub

Links: Demo and code

Easy, Type safe & Lightweight push notification library for React.js. Writtin in TypeScript & compiled to JavaScript for robust code.

In app notification system, as well as web native Notification support.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Notification Box

Author: Alina

Links: Demo and code

Made with: HTML / CSS / JS (TypeScript)

Duration after which the notification box is closed.

Compatible browsers: Chrome, Edge, Firefox, Opera, Safari

Responsive: yes

Dependencies: antd.css, react.js, react-dom.js, moment-with-locales.js, antd-with-locales.js, react-router-dom.js, ReactRouter.js

React Notifications Component

Author: Rares Mardare; September 2, 2018

Links: GitHub, Home page

Delightful and highly customisable React component to notify your users.

Post cover

React-Toastify

Author: Fadi Khadra; August 10, 2018

Links: GitHub, Home page

React-Toastify allow you to add notification to your app with ease.

React Toast Notifications

Author: Joss Mackison; June 2, 2018

Links: GitHub, Home page

A configurable, composable, toast notification system for react.

Post cover

react-native-flash-message

Author: Lucas Ferreira; March 5, 2018

Links: GitHub

React Native flashbar and top notification alert utility.

React Native Dropdownalert

Author: Brian; January 29, 2017

Links: GitHub

A simple alert to notify users about new chat messages, something went wrong or everything is ok.

React Notifications

Author: Minh Tran; October 10, 2015

Links: GitHub

Notification component for ReactJS

Post cover

Notification

Author: react-component; June 16, 2015

Links: GitHub

React notification UI component.

React Notification System

Author: Igor Prado; May 7, 2015

Links: GitHub, Home page

A complete and totally customizable component for notifications in React

Did you like the post? Share it with your friends!

Follow us on social networks

Feedback