Add Modal Dialog to your Roblox project in one command. Requires Node 18+ and a Roblox project — run robloxui init first if you don't have one yet. See the docs.
bashnpx robloxui add modal-dialogFirst time? Start with the documentation.
import { Modal Dialog } from "./src/client/ui/components/modal-dialog";<ModalDialog title="Confirm" visible={true} onClose={() => setVisible(false)}><textlabel Text="Sure?" /></ModalDialog>A centered modal overlay with backdrop blur, title, body content, and action buttons. Traps focus and closes on Escape or backdrop click.
by RobloxUI Team
| Author | RobloxUI Team |
| Framework | Roblox-TS + React-Luau |
| Category | Containers |
| Dependencies | @rbxts/react |
| Theme Tokens | colors.bgSecondary, colors.textPrimary, radius.lg |
| Last Updated |
| July 31, 2026 |