CleenUI · Overlays

Overlays

Modals, drawers, popovers, tooltips — the contextual surfaces.

Overlays handle anything that floats above the main content: modal dialogs, slide-out drawers, popovers anchored to a trigger, hover tooltips. All overlays share consistent focus management, ESC-to-close, scroll-locking, and stacking behavior. They compose naturally — a popover can open inside a drawer that opens inside a modal, and focus and dismissal still work correctly.

5 components in this family

Browse the live Storybook

Every prop, every variant, every state — interactive.

Open Overlays in Storybook
⚡ Already in an AI editor?

Set up CleenUI in your tool.

One config edit in your editor, then ask your AI agent to set up CleenUI. The Builder skill knows the whole component catalog — including the components on this page.