289 Best React Modals & Popups Libraries

Curated by the Openbase team and community.Learn more

Curated by the Openbase team and community. Learn more

rt

react-toastify

React notification made easy 🚀 !

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.7/ 5
28
Top Feedback
great-docs
20Great Documentation
easy-to-use
14Easy to Use
highly-custom
8Highly Customizable
GitHub Stars
Github Icon
7K
Weekly Downloads
Weekly Downloads Icon
653K
Last Commit
3mo ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

intro.js

Lightweight, user-friendly onboarding tour library

License Icon
License: AGPL-3.0
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.8/ 5
12
Top Feedback
great-docs
1Great Documentation
easy-to-use
1Easy to Use
GitHub Stars
Github Icon
21K
Weekly Downloads
Weekly Downloads Icon
48K
Last Commit
14d ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
rht

react-hot-toast

Smoking hot React Notifications 🔥

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
1
Top Feedback
great-docs
1Great Documentation
easy-to-use
1Easy to Use
performant
1Performant
GitHub Stars
Github Icon
3K
Weekly Downloads
Weekly Downloads Icon
42K
Last Commit
9d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

rc-notification

React Notification

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
2
Top Feedback
easy-to-use
2Easy to Use
great-docs
1Great Documentation
highly-custom
1Highly Customizable
GitHub Stars
Github Icon
296
Weekly Downloads
Weekly Downloads Icon
554K
Last Commit
2mo ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

react-modal

Accessible modal dialog component for React

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.3/ 5
3
Top Feedback
great-docs
5Great Documentation
easy-to-use
2Easy to Use
highly-custom
1Highly Customizable
GitHub Stars
Github Icon
6K
Weekly Downloads
Weekly Downloads Icon
1M
Last Commit
1mo ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

rc-tooltip

React Tooltip

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.5/ 5
2
Top Feedback
great-docs
1Great Documentation
easy-to-use
1Easy to Use
highly-custom
1Highly Customizable
GitHub Stars
Github Icon
797
Weekly Downloads
Weekly Downloads Icon
1M
Last Commit
3mo ago
Bundle Size (min+gzip)
21.7KB
Tree-Shakeable
not

notistack

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

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.8/ 5
4
Top Feedback
easy-to-use
2Easy to Use
performant
2Performant
GitHub Stars
Github Icon
2K
Weekly Downloads
Weekly Downloads Icon
316K
Last Commit
2mo ago
Bundle Size (min+gzip)
6.26KB
Tree-Shakeable
rtn

react-toast-notifications

🍞 A toast notification system for react

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
2
Top Feedback
N/A
GitHub Stars
Github Icon
2K
Weekly Downloads
Weekly Downloads Icon
119K
Last Commit
16d ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
rj

react-joyride

Create guided tours in your apps

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
1
Top Feedback
easy-to-use
1Easy to Use
GitHub Stars
Github Icon
4K
Weekly Downloads
Weekly Downloads Icon
91K
Last Commit
5mo ago
Bundle Size (min+gzip)
30.9KB
Tree-Shakeable
rcc

react-cookie-consent

A small, simple and customizable cookie consent bar for use in React applications.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.7/ 5
3
Top Feedback
easy-to-use
2Easy to Use
highly-custom
2Highly Customizable
great-docs
1Great Documentation
GitHub Stars
Github Icon
333
Weekly Downloads
Weekly Downloads Icon
45K
Last Commit
2mo ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable

@reach/dialog

The Accessible Foundation for React Apps and Design Systems

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
3.0/ 5
1
Top Feedback
N/A
GitHub Stars
Github Icon
4K
Weekly Downloads
Weekly Downloads Icon
152K
Last Commit
9d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
rt

react-tooltip

react tooltip component

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
3.5/ 5
8
Top Feedback
easy-to-use
4Easy to Use
highly-custom
4Highly Customizable
great-docs
3Great Documentation
GitHub Stars
Github Icon
2K
Weekly Downloads
Weekly Downloads Icon
637K
Last Commit
2mo ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
rrm

react-responsive-modal

Simple responsive react modal

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.0/ 5
1
Top Feedback
N/A
GitHub Stars
Github Icon
467
Weekly Downloads
Weekly Downloads Icon
41K
Last Commit
2mo ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
rp

react-portal

🎯 React component for transportation of modals, lightboxes, loading bars... to document.body or else.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
easy-to-use
1Easy to Use
performant
1Performant
GitHub Stars
Github Icon
2K
Weekly Downloads
Weekly Downloads Icon
680K
Last Commit
2mo ago
Bundle Size (min+gzip)
1.91KB
Tree-Shakeable
rn

react-notifications

Notification component for ReactJS

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Not Found
User Rating
4.9/ 5
7
Top Feedback
great-docs
4Great Documentation
easy-to-use
4Easy to Use
highly-custom
2Highly Customizable
GitHub Stars
Github Icon
51
Weekly Downloads
Weekly Downloads Icon
24K
Last Commit
10mo ago
Bundle Size (min+gzip)
6.73KB
Not Tree-Shakeable

react-popper

🍿⚛Official React library to use Popper, the positioning library

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
2.6/ 5
10
Top Feedback
poor-docs
9Poor Documentation
hard-to-use
7Hard to Use
highly-custom
4Highly Customizable
GitHub Stars
Github Icon
2K
Weekly Downloads
Weekly Downloads Icon
4M
Last Commit
25d ago
Bundle Size (min+gzip)
2.02KB
Tree-Shakeable

react-image-lightbox

React lightbox component

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
3.0/ 5
4
Top Feedback
easy-to-use
2Easy to Use
poor-docs
1Poor Documentation
hard-to-use
1Hard to Use
GitHub Stars
Github Icon
1K
Weekly Downloads
Weekly Downloads Icon
103K
Last Commit
10d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@chakra-ui/modal

⚡️ Simple, Modular & Accessible UI Components for your React Applications

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
N/A
Top Feedback
N/A
GitHub Stars
Github Icon
19K
Weekly Downloads
Weekly Downloads Icon
124K
Last Commit
3d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@chakra-ui/tooltip

⚡️ Simple, Modular & Accessible UI Components for your React Applications

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
N/A
Top Feedback
N/A
GitHub Stars
Github Icon
19K
Weekly Downloads
Weekly Downloads Icon
124K
Last Commit
3d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@chakra-ui/popover

⚡️ Simple, Modular & Accessible UI Components for your React Applications

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
N/A
Top Feedback
N/A
GitHub Stars
Github Icon
19K
Weekly Downloads
Weekly Downloads Icon
124K
Last Commit
3d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@chakra-ui/toast

⚡️ Simple, Modular & Accessible UI Components for your React Applications

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
N/A
Top Feedback
N/A
GitHub Stars
Github Icon
19K
Weekly Downloads
Weekly Downloads Icon
124K
Last Commit
3d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@chakra-ui/alert

⚡️ Simple, Modular & Accessible UI Components for your React Applications

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
N/A
Top Feedback
N/A
GitHub Stars
Github Icon
19K
Weekly Downloads
Weekly Downloads Icon
123K
Last Commit
3d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
ri

react-images

🌄 A mobile-friendly, highly customizable, carousel component for displaying media in ReactJS

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
2.8/ 5
4
Top Feedback
highly-custom
2Highly Customizable
great-docs
1Great Documentation
easy-to-use
1Easy to Use
GitHub Stars
Github Icon
2K
Weekly Downloads
Weekly Downloads Icon
72K
Last Commit
3mo ago
Bundle Size (min+gzip)
43.0KB
Tree-Shakeable

react-cookie

Load and save cookies within your React application

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Not Found
User Rating
3.0/ 5
1
Top Feedback
hard-to-use
1Hard to Use
buggy
1Buggy
abandoned
1Abandoned
GitHub Stars
Github Icon
2K
Weekly Downloads
Weekly Downloads Icon
245K
Last Commit
9mo ago
Bundle Size (min+gzip)
3.36KB
Tree-Shakeable
ram

react-aria-modal

A fully accessible React modal built according WAI-ARIA Authoring Practices

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.0/ 5
1
Top Feedback
N/A
GitHub Stars
Github Icon
863
Weekly Downloads
Weekly Downloads Icon
28K
Last Commit
9mo ago
Bundle Size (min+gzip)
5.04KB
Not Tree-Shakeable
rrt

react-redux-toastr

react-redux-toastr is a toastr message implemented with Redux

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.0/ 5
2
Top Feedback
N/A
GitHub Stars
Github Icon
742
Weekly Downloads
Weekly Downloads Icon
31K
Last Commit
1y ago
Bundle Size (min+gzip)
9.58KB
Tree-Shakeable
rea

@tippyjs/react

React component for Tippy.js (official)

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
2.0/ 5
1
Top Feedback
poor-docs
1Poor Documentation
hard-to-use
1Hard to Use
GitHub Stars
Github Icon
1K
Weekly Downloads
Weekly Downloads Icon
199K
Last Commit
4mo ago
Bundle Size (min+gzip)
13.2KB
Tree-Shakeable
rca

react-confirm-alert

react component confirm dialog.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
2.8/ 5
4
Top Feedback
easy-to-use
1Easy to Use
GitHub Stars
Github Icon
194
Weekly Downloads
Weekly Downloads Icon
27K
Last Commit
6mo ago
Bundle Size (min+gzip)
1.73KB
Not Tree-Shakeable
rnw

react-new-window

🔲 Pop new windows in React, using `window.open`.

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
3.0/ 5
1
Top Feedback
N/A
GitHub Stars
Github Icon
301
Weekly Downloads
Weekly Downloads Icon
9K
Last Commit
5mo ago
Bundle Size (min+gzip)
3.48KB
Tree-Shakeable

victory-tooltip

A collection of composable React components for building interactive data visualizations

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Not Found
User Rating
N/A
Top Feedback
N/A
GitHub Stars
Github Icon
9K
Weekly Downloads
Weekly Downloads Icon
127K
Last Commit
10d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@reach/popover

The Accessible Foundation for React Apps and Design Systems

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
N/A
Top Feedback
N/A
GitHub Stars
Github Icon
4K
Weekly Downloads
Weekly Downloads Icon
166K
Last Commit
9d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@react-aria/dialog

A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
N/A
Top Feedback
N/A
GitHub Stars
Github Icon
5K
Weekly Downloads
Weekly Downloads Icon
33K
Last Commit
10h ago
Bundle Size (min+gzip)
2.19KB
Tree-Shakeable
too

@vx/tooltip

🐯 visx | visualization components

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
N/A
Top Feedback
N/A
GitHub Stars
Github Icon
14K
Weekly Downloads
Weekly Downloads Icon
49K
Last Commit
4d ago
Bundle Size (min+gzip)
3.96KB
Tree-Shakeable
too

@visx/tooltip

🐯 visx | visualization components

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
N/A
Top Feedback
N/A
GitHub Stars
Github Icon
14K
Weekly Downloads
Weekly Downloads Icon
44K
Last Commit
4d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@chakra-ui/alert-dialog

⚡️ Simple, Modular & Accessible UI Components for your React Applications

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
N/A
Top Feedback
N/A
GitHub Stars
Github Icon
19K
Weekly Downloads
Weekly Downloads Icon
450
Last Commit
3d ago
Bundle Size (min+gzip)
16.1KB
Tree-Shakeable

@reach/tooltip

The Accessible Foundation for React Apps and Design Systems

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
N/A
Top Feedback
N/A
GitHub Stars
Github Icon
4K
Weekly Downloads
Weekly Downloads Icon
79K
Last Commit
9d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

react-overlays

Utilities for creating robust overlay components

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
N/A
Top Feedback
N/A
GitHub Stars
Github Icon
830
Weekly Downloads
Weekly Downloads Icon
1M
Last Commit
13d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@fluentui/react-tooltip

Fluent UI web represents a collection of utilities, React components, and web components for building web applications.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
N/A
Top Feedback
N/A
GitHub Stars
Github Icon
12K
Weekly Downloads
Weekly Downloads Icon
516
Last Commit
11h ago
Bundle Size (min+gzip)
0.27KB
Tree-Shakeable

rc-dialog

React Dialog

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Not Found
User Rating
N/A
Top Feedback
N/A
GitHub Stars
Github Icon
338
Weekly Downloads
Weekly Downloads Icon
560K
Last Commit
5d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
rh

react-hint

Tooltip component for React, Preact, Inferno

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Not Found
User Rating
2.0/ 5
1
Top Feedback
easy-to-use
1Easy to Use
buggy
1Buggy
GitHub Stars
Github Icon
338
Weekly Downloads
Weekly Downloads Icon
7K
Last Commit
4mo ago
Bundle Size (min+gzip)
1.75KB
Not Tree-Shakeable
rpt

react-popper-tooltip

A React hook to effortlessly build smart tooltips.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
N/A
Top Feedback
N/A
GitHub Stars
Github Icon
176
Weekly Downloads
Weekly Downloads Icon
3M
Last Commit
2mo ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@teambit/ui.component-tooltip

A tool for component-driven application development.

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Not Found
User Rating
N/A
Top Feedback
N/A
GitHub Stars
Github Icon
14K
Weekly Downloads
Weekly Downloads Icon
263
Last Commit
2d ago
Bundle Size (min+gzip)
1.02KB
Not Tree-Shakeable

@reach/alert-dialog

The Accessible Foundation for React Apps and Design Systems

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
N/A
Top Feedback
N/A
GitHub Stars
Github Icon
4K
Weekly Downloads
Weekly Downloads Icon
15K
Last Commit
9d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
rea

reapop

📮 A simple and customizable React notifications system

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
N/A
Top Feedback
N/A
GitHub Stars
Github Icon
1K
Weekly Downloads
Weekly Downloads Icon
4K
Last Commit
4d ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
rcp

react-cool-portal

😎 🍒 React hook for Portals, which renders modals, dropdowns, tooltips etc. to <body> or else.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
N/A
Top Feedback
N/A
GitHub Stars
Github Icon
597
Weekly Downloads
Weekly Downloads Icon
2K
Last Commit
15d ago
Bundle Size (min+gzip)
0.97KB
Tree-Shakeable

@blueprintjs/popover2

A React-based UI toolkit for the web

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
N/A
Top Feedback
N/A
GitHub Stars
Github Icon
18K
Weekly Downloads
Weekly Downloads Icon
17K
Last Commit
9d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@react-spectrum/tooltip

A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
N/A
Top Feedback
N/A
GitHub Stars
Github Icon
5K
Weekly Downloads
Weekly Downloads Icon
3K
Last Commit
10h ago
Bundle Size (min+gzip)
3.26KB
Tree-Shakeable

@react-spectrum/dialog

A collection of libraries and tools that help you build adaptive, accessible, and robust user experiences.

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
N/A
Top Feedback
N/A
GitHub Stars
Github Icon
5K
Weekly Downloads
Weekly Downloads Icon
3K
Last Commit
10h ago
Bundle Size (min+gzip)
7.42KB
Tree-Shakeable

@zendeskgarden/react-tooltips

🌱 garden React components

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
N/A
Top Feedback
N/A
GitHub Stars
Github Icon
901
Weekly Downloads
Weekly Downloads Icon
6K
Last Commit
2d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
rp

reactjs-popup

React Popup Component - Modals,Tooltips and Menus —  All in one

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
N/A
Top Feedback
easy-to-use
1Easy to Use
performant
1Performant
GitHub Stars
Github Icon
1K
Weekly Downloads
Weekly Downloads Icon
78K
Last Commit
18d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable