Modals

60 components

modals0
Mantine Floating Window
A draggable sticky-note Floating Window that can be shown, moved and closed.
Mantinefloating-windowinteractivemantineMIT
modals0
Mantine Drawer
A right-hand filters drawer with a title, close button and apply action.
MantinedrawerinteractivemantineMIT
modals0
Mantine Modal
Controlled local rename modal; empty-name validation, cancel, Escape and focus return.
MantinedialoginteractivemantineMIT
modals0
Magic UI Hero Video Dialog
A hero thumbnail with a play button that opens an animated video dialog; the preview uses a local thumbnail and a local animated frame instead of a hosted video.
Magic UIcompiled-cssinteractivemagic-uiMIT
modals0
HeroUI Popover
A plan details HeroUI Popover with a heading, arrow and supporting copy, opened from a button.
HeroUIherouiinteractivemodalsApache-2.0
modals0
HeroUI Modal
Controlled local rename dialog with validation, dismissal and focus return.
HeroUIherouiinteractivemodalApache-2.0
modals0
HeroUI Drawer
A filters HeroUI Drawer that slides in with a header, filter options and apply or reset actions.
HeroUIdrawerherouiinteractiveApache-2.0
modals0
HeroUI Alert Dialog
A destructive confirmation HeroUI Alert Dialog with an icon, explanation and cancel or delete actions.
HeroUIalert-dialogherouiinteractiveApache-2.0
modals0
Headless UI Popover
A share popover with copy-link and email actions, a close button and focus return.
Headless UIheadless-uikeyboardmodalsMIT
modals0
Headless UI Dialog
Controlled local rename dialog with validation, dismissal and focus return.
Headless UIdialogheadless-uiinteractiveMIT
modals0
Flowbite Popover
A plan details Popover opened from a button, with a heading and supporting copy.
Flowbite Reactflowbite-popoverflowbite-reactinteractiveMIT
modals0
Flowbite React Modal
Controlled local rename dialog with validation, dismissal and focus return.
Flowbite Reactflowbite-reactinteractivemodalMIT
modals0
Flowbite Drawer
A filters Drawer that slides in from the right with a header and local filter options.
Flowbite Reactflowbite-drawerflowbite-reactinteractiveMIT
modals0
daisyUI Modal
A confirmation dialog built from a native dialog element with daisyUI modal styles.
daisyUIdaisyuiinteractivemodalMIT
modals0
daisyUI Drawer
A side navigation drawer that slides over the page with an overlay and close control.
daisyUIdaisyuidrawerinteractiveMIT
modals0
Chakra UI Popover
A share popover with a title, body and close trigger rendered inline.
Chakra UIchakra-uiinteractivemodalsMIT
modals0
Chakra UI Floating Panel
A draggable, resizable notes panel that opens from a trigger and can be minimised or closed.
Chakra UIchakra-uifloating-panelinteractiveMIT
modals0
Chakra UI Drawer
A settings drawer with header, body, footer and close trigger, rendered without a portal.
Chakra UIchakra-uidrawerinteractiveMIT
modals0
Chakra UI Dialog
Controlled local rename dialog with validation, dismissal and focus return.
Chakra UIchakra-uidialoginteractiveMIT
modals0
Base UI Popover
A notifications popover with a title, description and close button.
Base UIbase-uiinteractivemodalsMIT
modals0
Base UI Dialog
Controlled local rename dialog with validation, dismissal and focus return.
Base UIbase-uidialoginteractiveMIT
modals0
Base UI Alert Dialog
A delete-project confirmation alert dialog with title, description and two actions.
Base UIalert-dialogbase-uiinteractiveMIT
modals0
Ark UI Popover
A filter popover with a title, description, form controls and a close trigger.
Ark UIark-uiinteractivemodalsMIT
modals0
Ark UI Floating Panel
A draggable, resizable chat panel from Ark that opens from a trigger and can be minimised or closed.
Ark UIark-uifloating-panelinteractiveMIT