diff --git a/packages/block-editor/README.md b/packages/block-editor/README.md
index 8fe2c5f1179dcd..aac1343343c0c3 100644
--- a/packages/block-editor/README.md
+++ b/packages/block-editor/README.md
@@ -145,6 +145,10 @@ _Returns_
 
 -   `Element`: Block Breadcrumb.
 
+### BlockCanvasCover
+
+Undocumented declaration.
+
 ### BlockColorsStyleSelector
 
 Undocumented declaration.
diff --git a/packages/block-editor/src/components/block-canvas/index.js b/packages/block-editor/src/components/block-canvas/index.js
index c399f38054ed4d..64f249c8cd7486 100644
--- a/packages/block-editor/src/components/block-canvas/index.js
+++ b/packages/block-editor/src/components/block-canvas/index.js
@@ -4,6 +4,7 @@
 import { useMergeRefs, useViewportMatch } from '@wordpress/compose';
 import { useRef } from '@wordpress/element';
 import { useSelect } from '@wordpress/data';
+import { createSlotFill } from '@wordpress/components';
 
 /**
  * Internal dependencies
@@ -19,6 +20,8 @@ import { useBlockCommands } from '../use-block-commands';
 import { store as blockEditorStore } from '../../store';
 import { unlock } from '../../lock-unlock';
 
+export const BlockCanvasCover = createSlotFill( 'BlockCanvasCover' );
+
 // EditorStyles is a memoized component, so avoid passing a new
 // object reference on each render.
 const EDITOR_STYLE_TRANSFORM_OPTIONS = {
@@ -74,6 +77,27 @@ export function ExperimentalBlockCanvas( {
 				>
 					{ children }
 				</WritingFlow>
+
+				<BlockCanvasCover.Slot fillProps={ { containerRef: localRef } }>
+					{ ( covers ) =>
+						covers.map( ( cover, index ) => (
+							<div
+								key={ index }
+								className="block-canvas-cover"
+								style={ {
+									position: 'absolute',
+									top: 0,
+									left: 0,
+									width: '100%',
+									height: '100%',
+									pointerEvents: 'none',
+								} }
+							>
+								{ cover }
+							</div>
+						) )
+					}
+				</BlockCanvasCover.Slot>
 			</BlockTools>
 		);
 	}
@@ -95,6 +119,26 @@ export function ExperimentalBlockCanvas( {
 			>
 				<EditorStyles styles={ styles } />
 				{ children }
+				<BlockCanvasCover.Slot fillProps={ { containerRef: localRef } }>
+					{ ( covers ) =>
+						covers.map( ( cover, index ) => (
+							<div
+								key={ index }
+								className="block-canvas-cover"
+								style={ {
+									position: 'absolute',
+									top: 0,
+									left: 0,
+									width: '100%',
+									height: '100%',
+									pointerEvents: 'none',
+								} }
+							>
+								{ cover }
+							</div>
+						) )
+					}
+				</BlockCanvasCover.Slot>
 			</Iframe>
 		</BlockTools>
 	);
diff --git a/packages/block-editor/src/index.js b/packages/block-editor/src/index.js
index d81f23a702b04e..43eeb8d6f2f075 100644
--- a/packages/block-editor/src/index.js
+++ b/packages/block-editor/src/index.js
@@ -21,3 +21,4 @@ export * from './utils';
 export { storeConfig, store } from './store';
 export { SETTINGS_DEFAULTS } from './store/defaults';
 export { privateApis } from './private-apis';
+export { BlockCanvasCover } from './components/block-canvas';