React Modal & Dialog Components

Curated React modal and dialog components with smooth open/close transitions, focus management, and accessible primitives. Pick from animated modals, command dialogs, sheet dialogs, and lightbox-style overlays.

All Modals & Dialogs (20)

Aceternity
Animated Modal
A animated-modal component from Aceternity UI.
Preview
Alignui
Drawer
A drawer component from AlignUI.
Preview

Alignui

Modal

A modal component from AlignUI.

Preview

Animateui

Base Alert Dialog

A dialog that requires user response to proceed.

Preview

Animateui

Base Dialog

A popup that opens on top of the entire page.

Preview

Animateui

Headless Dialog

A fully-managed, renderless dialog component jam-packed with accessibility and keyboard features, perfect for building completely custom dialogs and alerts.

Preview

Animateui

Radix Alert Dialog

A modal dialog that interrupts the user with important content and expects a response.

Preview

Animateui

Radix Dialog

A window overlaid on either the primary window or another dialog window, rendering the content underneath inert.

Preview

Animateui

Radix Sheet

Extends the Dialog component to display content that complements the main content of the screen.

Preview

Diceui

Responsive Dialog

A responsive-dialog component from DiceUI.

Preview

Jollyui

Dialog

A dialog component from JollyUI (React Aria compatible).

Preview

Kiboui

Dialog Stack

Composable stacked dialogs, useful for creating a wizard, nested form or multi-step process. It provides a consistent layout and styling for each dialog, and includes navigation component.

Preview

Magic Ui

Hero Video Dialog

A hero video dialog component.

Preview

Motion Primitives

Dialog

A dialog component from Motion Primitives.

Preview

Motion Primitives

Morphing Dialog

A morphing-dialog component from Motion Primitives.