Overlays

Built-in tags for layered UI — modals, drawers, dialogs and other panels, plus floating tooltips / popovers / menus anchored to a target, and the transition primitive that animates them.

UI that layers over the page. The panels — modal, drawer, dialog — ship with a built-in trigger button and open/close wiring, so they work on a static page out of the box (click the trigger, then close via the button, the overlay, or Escape). The floating overlays anchor a transient surface to a target using Mantine’s floating engine (placement, arrows, offsets, flip-on-collision). Each is a single built-in tag that forwards the full Mantine prop surface.

Panels

• Modal — a centered dialog over a dimming overlay, with a trigger button.
• Drawer — a panel that slides in from any edge, with a trigger button.
• Dialog — a small corner-anchored panel (no backdrop), with a trigger button.
• Affix — pins content to a fixed spot in the viewport as the page scrolls.
• Overlay — a dimming or gradient veil over a box, for spotlighting or disabled states.
• LoadingOverlay — a spinner veil over an area that’s loading.
• FloatingWindow — a draggable titled panel you can grab and move.
• Spotlight — a Cmd+K command palette of searchable actions, opened from JavaScript.

Managers

• Modals manager — @mantine/modals, the imperative modal manager you open from JavaScript (modals.openConfirmModal), shown as a live demo.

Floating

• Tooltip — a small floating label shown on hover or focus of a target.
• Popover — a click-toggled floating panel whose body is full Markdown.
• HoverCard — a richer Tooltip that opens on hover, with a Markdown body and delays.
• Menu — a dropdown of actions and links, with section labels and dividers.
• FloatingIndicator — the low-level sliding-highlight primitive behind SegmentedControl, Tabs, and Stepper.

Motion

• Transition — fade / slide / scale content in and out as it mounts.