Modals
60 components
- A notification settings sheet that slides in from the right, built on the pinned Radix Dialog. shadcn/ui, Modals, 0 votes, MIT licencemodals0
shadcn/ui Sheet
A notification settings sheet that slides in from the right, built on the pinned Radix Dialog.
shadcn/uicompiled-cssinteractivemodalsMIT - A bottom drawer built on Vaul for setting a daily activity goal, with a drag handle and footer actions. shadcn/ui, Modals, 0 votes, MIT licencemodals0
shadcn/ui Drawer
A bottom drawer built on Vaul for setting a daily activity goal, with a drag handle and footer actions.
shadcn/uicompiled-cssdrawerinteractiveMIT - An edit-profile dialog with a form, footer actions and a close button, built on the pinned Radix Dialog. shadcn/ui, Modals, 0 votes, MIT licencemodals0
shadcn/ui Dialog
An edit-profile dialog with a form, footer actions and a close button, built on the pinned Radix Dialog.
shadcn/uicompiled-cssdialoginteractiveMIT - A delete-project confirmation that blocks the page until the user cancels or confirms. shadcn/ui, Modals, 0 votes, MIT licencemodals0
shadcn/ui Alert Dialog
A delete-project confirmation that blocks the page until the user cancels or confirms.
shadcn/uialert-dialogcompiled-cssinteractiveMIT - A click-triggered popover with a header and body that closes on outside click. React-Bootstrap, Modals, 0 votes, MIT licencemodals0
React-Bootstrap Popover
A click-triggered popover with a header and body that closes on outside click.
React-BootstrapinteractivemodalspopoverMIT - A positioned overlay hint attached to a field, toggled and placed from local controls. React-Bootstrap, Modals, 0 votes, MIT licencemodals0
React-Bootstrap Overlay
A positioned overlay hint attached to a field, toggled and placed from local controls.
React-BootstrapinteractivemodalsoverlayMIT - A side panel of notification switches with local saving. React-Bootstrap, Modals, 0 votes, MIT licencemodals0
React-Bootstrap Offcanvas
A side panel of notification switches with local saving.
React-Bootstrapinteractiveoffcanvasreact-bootstrapMIT - Controlled local rename modal; empty-name validation, cancel, Escape and focus return. React-Bootstrap, Modals, 0 votes, MIT licencemodals0
React-Bootstrap Modal
Controlled local rename modal; empty-name validation, cancel, Escape and focus return.
React-Bootstrapdialoginteractivereact-bootstrapMIT - A dialog popover opened from a button, with a heading and actions that close it. React Aria, Modals, 0 votes, Apache-2.0 licencemodals0
React Aria Popover
A dialog popover opened from a button, with a heading and actions that close it.
React AriainteractivemodalspopoverApache-2.0 - A dismissable modal dialog that confirms leaving a workspace, with focus containment. React Aria, Modals, 0 votes, Apache-2.0 licencemodals0
React Aria Modal
A dismissable modal dialog that confirms leaving a workspace, with focus containment.
React AriainteractivemodalmodalsApache-2.0 - Controlled local rename dialog with validation, dismissal and focus return. React Aria, Modals, 0 votes, Apache-2.0 licencemodals0
React Aria Dialog
Controlled local rename dialog with validation, dismissal and focus return.
React Ariadialoginteractivereact-ariaApache-2.0 - A Radix Popover with a small invite form, email validation, Close and Escape dismissal and focus return. Radix Primitives, Modals, 0 votes, MIT licencemodals0
Radix Popover
A Radix Popover with a small invite form, email validation, Close and Escape dismissal and focus return.
Radix PrimitivesaccessiblepopoverportalMIT - An accessible modal dialog built on the Radix dialog primitive, rendering through a portal with focus trapping, Escape and overlay dismissal. Radix Primitives, Modals, 0 votes, MIT licencemodals0
Radix Dialog
An accessible modal dialog built on the Radix dialog primitive, rendering through a portal with focus trapping, Escape and overlay dismissal.
Radix Primitivesdialogfocus-trapmodalMIT - A destructive confirmation for deleting a project, with Cancel focused first and a clear Delete action. Radix Primitives, Modals, 0 votes, MIT licencemodals0
Radix Alert Dialog
A destructive confirmation for deleting a project, with Cancel focused first and a clear Delete action.
Radix Primitivesaccessiblealert-dialogkeyboardMIT - An attributed Morphing Dialog that expands a release card into a modal with focus trapping, focus return, Escape and outside-click closing and reduced-motion support. Motion Primitives, Modals, 0 votes, MIT licencemodals0
Motion Primitives Morphing Dialog
An attributed Morphing Dialog that expands a release card into a modal with focus trapping, focus return, Escape and outside-click closing and reduced-motion support.
Motion Primitivesanimationinteractivemotion-primitivesMIT - A native dialog that scales in over a blurred backdrop to confirm inviting a teammate. Motion Primitives, Modals, 0 votes, MIT licencemodals0
Motion Primitives Dialog
A native dialog that scales in over a blurred backdrop to confirm inviting a teammate.
Motion Primitivescompiled-cssdialoginteractiveMIT - A help note rendered through Portal into a separate sidebar region of the example. Material UI, Modals, 0 votes, MIT licencemodals0
Material UI Portal
A help note rendered through Portal into a separate sidebar region of the example.
Material UIinteractivematerial-uimodalsMIT - A positioned popper with a fade transition that previews a shipping estimate. Material UI, Modals, 0 votes, MIT licencemodals0
Material UI Popper
A positioned popper with a fade transition that previews a shipping estimate.
Material UIinteractivematerial-uimodalsMIT - A help popover anchored to an info button, rendered inside the example's main region. Material UI, Modals, 0 votes, MIT licencemodals0
Material UI Popover
A help popover anchored to an info button, rendered inside the example's main region.
Material UIinteractivematerial-uimodalsMIT - An unstyled-base Modal confirming a workspace export, with focus trapping and Escape. Material UI, Modals, 0 votes, MIT licencemodals0
Material UI Modal
An unstyled-base Modal confirming a workspace export, with focus trapping and Escape.
Material UIinteractivematerial-uimodalMIT - A temporary filter drawer with focus management and local selection. Material UI, Modals, 0 votes, MIT licencemodals0
Material UI Drawer
A temporary filter drawer with focus management and local selection.
Material UIdrawerinteractivematerial-uiMIT - Controlled local rename modal; empty-name validation, cancel, Escape and focus return. Material UI, Modals, 0 votes, MIT licencemodals0
Material UI Dialog
Controlled local rename modal; empty-name validation, cancel, Escape and focus return.
Material UIdialoginteractivematerial-uiMIT - A custom quick-actions panel that closes when you click outside it or press Escape. Material UI, Modals, 0 votes, MIT licencemodals0
Material UI Click Away Listener
A custom quick-actions panel that closes when you click outside it or press Escape.
Material UIclick-away-listenerinteractivematerial-uiMIT - A share popover with a read-only link field that traps focus and returns it on close. Mantine, Modals, 0 votes, MIT licencemodals0
Mantine Popover
A share popover with a read-only link field that traps focus and returns it on close.
MantineinteractivemantinemodalsMIT
