Underlay

About this plugin

Underlay helps you create clean, consistent background scrims (overlay backgrounds) for modals, side sheets, drawers, and popovers — without manually drawing rectangles or fighting layer order.

Select a frame, choose a color and opacity, and apply an underlay that intelligently positions itself beneath modals and panels, while dimming the rest of the screen to guide user focus.

Built for designers working on complex, enterprise-scale interfaces where overlays are repetitive, easy to misplace, and hard to manage.

✨ Features

• One-click scrim / overlay background creation

• Smart auto-detection of modals, side sheets, dialogs, drawers, and popovers

• Correct layer placement (under modals, above content)

• Custom color palette + opacity control

• Easy removal of underlays created by the plugin

• Keyboard-friendly workflow (Run last plugin)

Perfect for dashboards, admin panels, enterprise products, and multi-state UI flows where clarity and consistency matter.