+
+
+
+
+ {
+ if ( isMobile ) {
+ closeInserter();
+ }
+ } }
+ />
+
+
+ );
+};
+
+export default InserterPanel;
diff --git a/packages/edit-site/src/components/left-sidebar/inserter-panel/style.scss b/packages/edit-site/src/components/left-sidebar/inserter-panel/style.scss
new file mode 100644
index 0000000000000..6a3f030c4bd3d
--- /dev/null
+++ b/packages/edit-site/src/components/left-sidebar/inserter-panel/style.scss
@@ -0,0 +1,25 @@
+.edit-site-inserter-panel {
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+}
+
+.edit-site-inserter-panel__header {
+ padding-top: $grid-unit-10;
+ padding-right: $grid-unit-10;
+ display: flex;
+ justify-content: flex-end;
+
+ @include break-medium() {
+ display: none;
+ }
+}
+
+.edit-site-inserter-panel__content {
+ // Leave space for the close button
+ height: calc(100% - #{$button-size} - #{$grid-unit-10});
+
+ @include break-medium() {
+ height: 100%;
+ }
+}
diff --git a/packages/edit-site/src/components/left-sidebar/navigation-panel/index.js b/packages/edit-site/src/components/left-sidebar/navigation-panel/index.js
new file mode 100644
index 0000000000000..9f3e2c5c120ac
--- /dev/null
+++ b/packages/edit-site/src/components/left-sidebar/navigation-panel/index.js
@@ -0,0 +1,55 @@
+/**
+ * WordPress dependencies
+ */
+import { useState } from '@wordpress/element';
+import {
+ __experimentalNavigation as Navigation,
+ __experimentalNavigationGroup as NavigationGroup,
+ __experimentalNavigationItem as NavigationItem,
+ __experimentalNavigationMenu as NavigationMenu,
+} from '@wordpress/components';
+import { getBlockType, getBlockFromExample } from '@wordpress/blocks';
+import { BlockPreview } from '@wordpress/block-editor';
+
+const NavigationPanel = () => {
+ const [ showPreview, setShowPreview ] = useState( false );
+
+ return (
+