---
title: "React Modal"
description: "An accessible modal-dialog component for React."
pagination: false
---

{/* Generated from content/. Edit the catalog, not this page. */}

<PurposeNote title="Good for">Showing focused content above the page with managed dialog behavior.</PurposeNote>

## What it does

An accessible modal-dialog component for React.

## When it fits

Showing focused content above the page with managed dialog behavior.

## Other options in this category

<div data-pagefind-ignore>

- [Floating UI](/overlays/floating-ui) — Building tooltips, popovers, and menus anchored to other elements.
- [SweetAlert2 React Content](/overlays/sweetalert2-react-content) — Rendering React content inside alert and confirmation dialogs.
- [Toldo](/overlays/toldo) — Adding a polished modal interaction to an application interface.
- [use-context-menu](/overlays/use-context-menu) — Showing custom actions when a user opens an element's context menu.

</div>

## Source

[Project source for React Modal ↗](https://reactcommunity.org/react-modal/)

Editorial overview reviewed on October 24, 2026. Follow the source for current setup, compatibility, and licensing.

[Show contextual controls →](/tasks/show-contextual-controls)

[All dialogs, menus &amp; tooltips options →](/overlays)