React Overlay Components

Everything that floats above the page. Focus moves into each overlay and back to whatever opened it, and Escape closes it.

Includes a confirm dialog that can ask you to type a name, toasts you can call from anywhere, and a ⌘K command palette with groups and shortcuts.

7 components, 7 free. React, TypeScript and Tailwind CSS, light and dark.

A modal that requires a title, plus a confirm dialog that can ask you to type the name.

A panel from the right, left or bottom, for editing something without leaving the page.

A floating panel anchored to its trigger, for filters and small forms.

A label with an optional keyboard shortcut, shown on hover and on focus.

Actions, checkbox items, shortcuts, labels and a destructive item, fully keyboard-driven.

toast(), toast.success() and toast.error() from anywhere, with actions and swipe to dismiss.

A ⌘K palette with groups, keywords, shortcuts and hints.