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.

Live demo

See CleenUI running before you talk to us.

Configure a demo environment in about twenty seconds — theme, spacing, the modules you care about, sample data for your industry — then launch the full dashboard in your browser. Nothing to install, no signup.

  • 20 sec setup
  • 15 themes
  • 20 modules
  • 80 industries
Pick a theme to start with