diff --git a/docs/reference-guides/data/data-core-block-editor.md b/docs/reference-guides/data/data-core-block-editor.md
index 38a93552bcbef..a0acea3ced683 100644
--- a/docs/reference-guides/data/data-core-block-editor.md
+++ b/docs/reference-guides/data/data-core-block-editor.md
@@ -846,6 +846,10 @@ _Returns_
 
 -   `string|false`: Block Template Lock
 
+### getUnsyncedPatterns
+
+Undocumented declaration.
+
 ### hasBlockMovingClientId
 
 Returns whether block moving mode is enabled.
diff --git a/docs/reference-guides/data/data-core-blocks.md b/docs/reference-guides/data/data-core-blocks.md
index 084c9c1d7a5fb..0c3c95beb1f1b 100644
--- a/docs/reference-guides/data/data-core-blocks.md
+++ b/docs/reference-guides/data/data-core-blocks.md
@@ -246,6 +246,14 @@ _Returns_
 
 -   `(WPBlockVariation[]|void)`: Block variations.
 
+### getBootstrappedBlockType
+
+Undocumented declaration.
+
+### getBootstrappedBlockTypes
+
+Undocumented declaration.
+
 ### getCategories
 
 Returns all the available block categories.
diff --git a/lib/blocks.php b/lib/blocks.php
index 698b5d6873748..fc20c98d37f6e 100644
--- a/lib/blocks.php
+++ b/lib/blocks.php
@@ -227,6 +227,13 @@ function gutenberg_deregister_core_block_and_assets( $block_name ) {
 				}
 			}
 		}
+		if ( ! empty( $block_type->editor_script_handles ) ) {
+			foreach ( $block_type->editor_script_handles as $editor_script_handle ) {
+				if ( str_starts_with( $editor_script_handle, 'wp-block-' ) ) {
+					wp_deregister_script( $editor_script_handle );
+				}
+			}
+		}
 		$registry->unregister( $block_name );
 	}
 }
diff --git a/lib/init.php b/lib/init.php
index 71b6a276c60f3..3fa7fdbaece97 100644
--- a/lib/init.php
+++ b/lib/init.php
@@ -57,3 +57,55 @@ function gutenberg_menu() {
 	);
 }
 add_action( 'admin_menu', 'gutenberg_menu', 9 );
+
+// disable loading and enqueuing block editor scripts and styles
+add_filter( 'should_load_block_editor_scripts_and_styles', '__return_false', 11 );
+
+function get_block_importmap() {
+	$block_registry = WP_Block_Type_Registry::get_instance();
+	$scripts = wp_scripts();
+	$styles = wp_styles();
+	$blocks         = array();
+
+	foreach ( $block_registry->get_all_registered() as $block_name => $block_type ) {
+		$imports = array();
+		if ( isset( $block_type->editor_script_handles ) ) {
+			foreach ( $block_type->editor_script_handles as $handle ) {
+				$spec = $scripts->registered[ $handle ];
+				$imports[] = array(
+					'type' => 'script',
+					'handle' => $spec->handle,
+					'src' => $spec->src,
+					'ver' => $spec->ver
+				);
+			}
+		}
+		if ( isset( $block_type->editor_style_handles ) ) {
+			foreach ( $block_type->editor_style_handles as $handle ) {
+				if ( ! isset( $styles->registered[ $handle ] ) ) {
+					continue;
+				}
+				$spec = $styles->registered[ $handle ];
+				$imports[] = array(
+					'type' => 'style',
+					'handle' => $spec->handle,
+					'src' => $spec->src,
+					'ver' => $spec->ver
+				);
+			}
+		}
+		if ( ! empty( $imports ) ) {
+			$blocks[ $block_name ] = $imports;
+		}
+	}
+
+	return $blocks;
+}
+
+function emit_importmap() {
+	wp_register_script( 'wp-importmap', '');
+	wp_add_inline_script( 'wp-importmap', 'wp.importmap = ' . wp_json_encode( get_block_importmap() ) . ';' );
+  wp_enqueue_script('wp-importmap');
+}
+
+add_action( 'enqueue_block_editor_assets', 'emit_importmap' );
\ No newline at end of file
diff --git a/packages/block-editor/src/autocompleters/block.js b/packages/block-editor/src/autocompleters/block.js
index bc06c9de5aaaf..e3539d7ba2e76 100644
--- a/packages/block-editor/src/autocompleters/block.js
+++ b/packages/block-editor/src/autocompleters/block.js
@@ -116,7 +116,7 @@ function createBlockCompleter() {
 		allowContext( before, after ) {
 			return ! ( /\S/.test( before ) || /\S/.test( after ) );
 		},
-		getOptionCompletion( inserterItem ) {
+		async getOptionCompletion( inserterItem ) {
 			const {
 				name,
 				initialAttributes,
@@ -124,12 +124,11 @@ function createBlockCompleter() {
 				syncStatus,
 				content,
 			} = inserterItem;
-
 			return {
 				action: 'replace',
 				value:
 					syncStatus === 'unsynced'
-						? parse( content, {
+						? await parse( content, {
 								__unstableSkipMigrationLogs: true,
 						  } )
 						: createBlock(
diff --git a/packages/block-editor/src/components/block-actions/index.js b/packages/block-editor/src/components/block-actions/index.js
index 5d942d2b25c70..2f82cda208619 100644
--- a/packages/block-editor/src/components/block-actions/index.js
+++ b/packages/block-editor/src/components/block-actions/index.js
@@ -103,7 +103,7 @@ export default function BlockActions( {
 			selectBlock( clientIds[ 0 ] );
 			setBlockMovingClientId( clientIds[ 0 ] );
 		},
-		onGroup() {
+		async onGroup() {
 			if ( ! blocks.length ) {
 				return;
 			}
@@ -111,7 +111,10 @@ export default function BlockActions( {
 			const groupingBlockName = getGroupingBlockName();
 
 			// Activate the `transform` on `core/group` which does the conversion.
-			const newBlocks = switchToBlockType( blocks, groupingBlockName );
+			const newBlocks = await switchToBlockType(
+				blocks,
+				groupingBlockName
+			);
 
 			if ( ! newBlocks ) {
 				return;
diff --git a/packages/block-editor/src/components/block-list/block.js b/packages/block-editor/src/components/block-list/block.js
index b38dcf3ef1f2e..d5c9b41987967 100644
--- a/packages/block-editor/src/components/block-list/block.js
+++ b/packages/block-editor/src/components/block-list/block.js
@@ -391,7 +391,7 @@ const applyWithDispatch = withDispatch( ( dispatch, ownProps, registry ) => {
 				) {
 					removeBlock( _clientId );
 				} else {
-					registry.batch( () => {
+					registry.batch( async () => {
 						if (
 							canInsertBlockType(
 								getBlockName( firstClientId ),
@@ -405,7 +405,7 @@ const applyWithDispatch = withDispatch( ( dispatch, ownProps, registry ) => {
 								getBlockIndex( _clientId )
 							);
 						} else {
-							const replacement = switchToBlockType(
+							const replacement = await switchToBlockType(
 								getBlock( firstClientId ),
 								getDefaultBlockName()
 							);
diff --git a/packages/block-editor/src/components/block-list/block.native.js b/packages/block-editor/src/components/block-list/block.native.js
index 70a66c445f58f..de7e9f2181574 100644
--- a/packages/block-editor/src/components/block-list/block.native.js
+++ b/packages/block-editor/src/components/block-list/block.native.js
@@ -482,7 +482,7 @@ const applyWithDispatch = withDispatch( ( dispatch, ownProps, registry ) => {
 				) {
 					removeBlock( _clientId );
 				} else {
-					registry.batch( () => {
+					registry.batch( async () => {
 						if (
 							canInsertBlockType(
 								getBlockName( firstClientId ),
@@ -496,7 +496,7 @@ const applyWithDispatch = withDispatch( ( dispatch, ownProps, registry ) => {
 								getBlockIndex( _clientId )
 							);
 						} else {
-							const replacement = switchToBlockType(
+							const replacement = await switchToBlockType(
 								getBlock( firstClientId ),
 								getDefaultBlockName()
 							);
diff --git a/packages/block-editor/src/components/block-styles/use-styles-for-block.js b/packages/block-editor/src/components/block-styles/use-styles-for-block.js
index 6d73dca557b05..d89557be05864 100644
--- a/packages/block-editor/src/components/block-styles/use-styles-for-block.js
+++ b/packages/block-editor/src/components/block-styles/use-styles-for-block.js
@@ -24,20 +24,13 @@ import { store as blockEditorStore } from '../../store';
  */
 function useGenericPreviewBlock( block, type ) {
 	return useMemo( () => {
-		const example = type?.example;
-		const blockName = type?.name;
-
-		if ( example && blockName ) {
-			return getBlockFromExample( blockName, {
-				attributes: example.attributes,
-				innerBlocks: example.innerBlocks,
-			} );
+		if ( type && type.blockName && type.example ) {
+			return getBlockFromExample( type.blockName, type.example );
 		}
-
 		if ( block ) {
 			return cloneBlock( block );
 		}
-	}, [ type?.example ? block?.name : block, type ] );
+	}, [ type, type?.example ? block?.name : block ] );
 }
 
 /**
diff --git a/packages/block-editor/src/components/block-switcher/block-transformations-menu.js b/packages/block-editor/src/components/block-switcher/block-transformations-menu.js
index 033201d7facad..f89b1605391bc 100644
--- a/packages/block-editor/src/components/block-switcher/block-transformations-menu.js
+++ b/packages/block-editor/src/components/block-switcher/block-transformations-menu.js
@@ -7,7 +7,7 @@ import {
 	getBlockMenuDefaultClassName,
 	switchToBlockType,
 } from '@wordpress/blocks';
-import { useState, useMemo } from '@wordpress/element';
+import { useEffect, useState, useMemo } from '@wordpress/element';
 
 /**
  * Internal dependencies
@@ -63,6 +63,21 @@ function useGroupedTransforms( possibleBlockTransformations ) {
 	return transformations;
 }
 
+function Preview( { blocks, transformName } ) {
+	const [ switched, setSwitched ] = useState( null );
+	useEffect( () => {
+		switchToBlockType( blocks, transformName ).then( ( result ) =>
+			setSwitched( result )
+		);
+	}, [ blocks, transformName ] );
+
+	if ( ! switched ) {
+		return null;
+	}
+
+	return <PreviewBlockPopover blocks={ blocks } />;
+}
+
 const BlockTransformationsMenu = ( {
 	className,
 	possibleBlockTransformations,
@@ -91,11 +106,10 @@ const BlockTransformationsMenu = ( {
 		<>
 			<MenuGroup label={ __( 'Transform to' ) } className={ className }>
 				{ hoveredTransformItemName && (
-					<PreviewBlockPopover
-						blocks={ switchToBlockType(
-							blocks,
-							hoveredTransformItemName
-						) }
+					<Preview
+						key={ hoveredTransformItemName }
+						blocks={ blocks }
+						transformName={ hoveredTransformItemName }
 					/>
 				) }
 				{ !! possibleBlockVariationTransformations?.length && (
diff --git a/packages/block-editor/src/components/block-switcher/block-transformations-menu.native.js b/packages/block-editor/src/components/block-switcher/block-transformations-menu.native.js
index 33952378f601f..a9ae04bcf90b3 100644
--- a/packages/block-editor/src/components/block-switcher/block-transformations-menu.native.js
+++ b/packages/block-editor/src/components/block-switcher/block-transformations-menu.native.js
@@ -55,10 +55,10 @@ const BlockTransformationsMenu = ( {
 	const getAnchor = () =>
 		anchorNodeRef ? findNodeHandle( anchorNodeRef ) : undefined;
 
-	function onPickerSelect( value ) {
+	async function onPickerSelect( value ) {
 		replaceBlocks(
 			selectedBlockClientId,
-			switchToBlockType( selectedBlock, value )
+			await switchToBlockType( selectedBlock, value )
 		);
 
 		const selectedItem = pickerOptions().find(
diff --git a/packages/block-editor/src/components/block-switcher/index.js b/packages/block-editor/src/components/block-switcher/index.js
index 0960dc87eaa49..136e987382e4d 100644
--- a/packages/block-editor/src/components/block-switcher/index.js
+++ b/packages/block-editor/src/components/block-switcher/index.js
@@ -13,9 +13,11 @@ import {
 	store as blocksStore,
 	isReusableBlock,
 	isTemplatePart,
+	getTransformItemsForBlocks,
 } from '@wordpress/blocks';
 import { useSelect, useDispatch } from '@wordpress/data';
 import { copy } from '@wordpress/icons';
+import { useState, useEffect } from '@wordpress/element';
 
 /**
  * Internal dependencies
@@ -33,56 +35,58 @@ export const BlockSwitcherDropdownMenu = ( { clientIds, blocks } ) => {
 	const { replaceBlocks, multiSelect, updateBlockAttributes } =
 		useDispatch( blockEditorStore );
 	const blockInformation = useBlockDisplayInformation( blocks[ 0 ].clientId );
-	const {
-		possibleBlockTransformations,
-		canRemove,
-		hasBlockStyles,
-		icon,
-		patterns,
-	} = useSelect(
-		( select ) => {
-			const {
-				getBlockRootClientId,
-				getBlockTransformItems,
-				__experimentalGetPatternTransformItems,
-				canRemoveBlocks,
-			} = select( blockEditorStore );
-			const { getBlockStyles, getBlockType } = select( blocksStore );
-			const rootClientId = getBlockRootClientId(
-				Array.isArray( clientIds ) ? clientIds[ 0 ] : clientIds
-			);
-			const [ { name: firstBlockName } ] = blocks;
-			const _isSingleBlockSelected = blocks.length === 1;
-			const styles =
-				_isSingleBlockSelected && getBlockStyles( firstBlockName );
-			let _icon;
-			if ( _isSingleBlockSelected ) {
-				_icon = blockInformation?.icon; // Take into account active block variations.
-			} else {
-				const isSelectionOfSameType =
-					new Set( blocks.map( ( { name } ) => name ) ).size === 1;
-				// When selection consists of blocks of multiple types, display an
-				// appropriate icon to communicate the non-uniformity.
-				_icon = isSelectionOfSameType
-					? getBlockType( firstBlockName )?.icon
-					: copy;
-			}
-			return {
-				possibleBlockTransformations: getBlockTransformItems(
-					blocks,
-					rootClientId
-				),
-				canRemove: canRemoveBlocks( clientIds, rootClientId ),
-				hasBlockStyles: !! styles?.length,
-				icon: _icon,
-				patterns: __experimentalGetPatternTransformItems(
-					blocks,
-					rootClientId
-				),
-			};
-		},
-		[ clientIds, blocks, blockInformation?.icon ]
-	);
+	const { blockTransformations, canRemove, hasBlockStyles, icon, patterns } =
+		useSelect(
+			( select ) => {
+				const {
+					getBlockRootClientId,
+					getBlockTransformItems,
+					__experimentalGetPatternTransformItems,
+					canRemoveBlocks,
+				} = select( blockEditorStore );
+				const { getBlockStyles, getBlockType } = select( blocksStore );
+				const rootClientId = getBlockRootClientId(
+					Array.isArray( clientIds ) ? clientIds[ 0 ] : clientIds
+				);
+				const [ { name: firstBlockName } ] = blocks;
+				const _isSingleBlockSelected = blocks.length === 1;
+				const styles =
+					_isSingleBlockSelected && getBlockStyles( firstBlockName );
+				let _icon;
+				if ( _isSingleBlockSelected ) {
+					_icon = blockInformation?.icon; // Take into account active block variations.
+				} else {
+					const isSelectionOfSameType =
+						new Set( blocks.map( ( { name } ) => name ) ).size ===
+						1;
+					// When selection consists of blocks of multiple types, display an
+					// appropriate icon to communicate the non-uniformity.
+					_icon = isSelectionOfSameType
+						? getBlockType( firstBlockName )?.icon
+						: copy;
+				}
+				return {
+					blockTransformations:
+						getBlockTransformItems( rootClientId ),
+					canRemove: canRemoveBlocks( clientIds, rootClientId ),
+					hasBlockStyles: !! styles?.length,
+					icon: _icon,
+					patterns: __experimentalGetPatternTransformItems(
+						blocks,
+						rootClientId
+					),
+				};
+			},
+			[ clientIds, blocks, blockInformation?.icon ]
+		);
+
+	const [ possibleBlockTransformations, setPossibleBlockTransformations ] =
+		useState( null );
+	useEffect( () => {
+		getTransformItemsForBlocks( blockTransformations, blocks ).then(
+			( result ) => setPossibleBlockTransformations( result )
+		);
+	}, [ blockTransformations, blocks ] );
 
 	const blockVariationTransformations = useBlockVariationTransforms( {
 		clientIds,
@@ -108,8 +112,8 @@ export const BlockSwitcherDropdownMenu = ( { clientIds, blocks } ) => {
 	}
 
 	// Simple block tranformation based on the `Block Transforms` API.
-	function onBlockTransform( name ) {
-		const newBlocks = switchToBlockType( blocks, name );
+	async function onBlockTransform( name ) {
+		const newBlocks = await switchToBlockType( blocks, name );
 		replaceBlocks( clientIds, newBlocks );
 		selectForMultipleBlocks( newBlocks );
 	}
@@ -134,7 +138,7 @@ export const BlockSwitcherDropdownMenu = ( { clientIds, blocks } ) => {
 	 * by allowing to exclude blocks from wildcard transformations.
 	 */
 	const hasPossibleBlockTransformations =
-		!! possibleBlockTransformations.length && canRemove && ! isTemplate;
+		possibleBlockTransformations?.length && canRemove && ! isTemplate;
 	const hasPossibleBlockVariationTransformations =
 		!! blockVariationTransformations?.length;
 	const hasPatternTransformation = !! patterns?.length && canRemove;
diff --git a/packages/block-editor/src/components/convert-to-group-buttons/index.js b/packages/block-editor/src/components/convert-to-group-buttons/index.js
index c2bb3fb25b845..1053f76ba7efe 100644
--- a/packages/block-editor/src/components/convert-to-group-buttons/index.js
+++ b/packages/block-editor/src/components/convert-to-group-buttons/index.js
@@ -23,9 +23,9 @@ function ConvertToGroupButton( {
 	onClose = () => {},
 } ) {
 	const { replaceBlocks } = useDispatch( blockEditorStore );
-	const onConvertToGroup = () => {
+	const onConvertToGroup = async () => {
 		// Activate the `transform` on the Grouping Block which does the conversion.
-		const newBlocks = switchToBlockType(
+		const newBlocks = await switchToBlockType(
 			blocksSelection,
 			groupingBlockName
 		);
diff --git a/packages/block-editor/src/components/convert-to-group-buttons/toolbar.js b/packages/block-editor/src/components/convert-to-group-buttons/toolbar.js
index 38405fe3ee6ab..cde6fe11daec9 100644
--- a/packages/block-editor/src/components/convert-to-group-buttons/toolbar.js
+++ b/packages/block-editor/src/components/convert-to-group-buttons/toolbar.js
@@ -40,16 +40,12 @@ function BlockGroupToolbar() {
 		[ clientIds, groupingBlockName ]
 	);
 
-	const onConvertToGroup = ( layout ) => {
-		const newBlocks = switchToBlockType(
+	const onConvertToGroup = async ( layout ) => {
+		const newBlocks = await switchToBlockType(
 			blocksSelection,
 			groupingBlockName
 		);
 
-		if ( typeof layout !== 'string' ) {
-			layout = 'group';
-		}
-
 		if ( newBlocks && newBlocks.length > 0 ) {
 			// Because the block is not in the store yet we can't use
 			// updateBlockAttributes so need to manually update attributes.
@@ -69,10 +65,10 @@ function BlockGroupToolbar() {
 		return null;
 	}
 
-	const canInsertRow = !! variations.find(
+	const canInsertRow = variations?.some(
 		( { name } ) => name === 'group-row'
 	);
-	const canInsertStack = !! variations.find(
+	const canInsertStack = variations?.some(
 		( { name } ) => name === 'group-stack'
 	);
 
@@ -81,7 +77,7 @@ function BlockGroupToolbar() {
 			<ToolbarButton
 				icon={ group }
 				label={ _x( 'Group', 'verb' ) }
-				onClick={ onConvertToGroup }
+				onClick={ () => onConvertToGroup( 'group' ) }
 			/>
 			{ canInsertRow && (
 				<ToolbarButton
diff --git a/packages/block-editor/src/components/inserter-list-item/index.js b/packages/block-editor/src/components/inserter-list-item/index.js
index dc755e8767623..b0929b023d9e6 100644
--- a/packages/block-editor/src/components/inserter-list-item/index.js
+++ b/packages/block-editor/src/components/inserter-list-item/index.js
@@ -6,8 +6,10 @@ import classnames from 'classnames';
 /**
  * WordPress dependencies
  */
+import { useSelect } from '@wordpress/data';
 import { useMemo, useRef, memo } from '@wordpress/element';
 import {
+	store as blocksStore,
 	createBlock,
 	createBlocksFromInnerBlocksTemplate,
 	isReusableBlock,
@@ -26,20 +28,32 @@ import InserterDraggableBlocks from '../inserter-draggable-blocks';
 function InserterListItem( {
 	className,
 	isFirst,
-	item,
+	item: { name, isDisabled },
 	onSelect,
 	onHover,
 	isDraggable,
 	...props
 } ) {
 	const isDragging = useRef( false );
-	const itemIconStyle = item.icon
+
+	const { item } = useSelect(
+		( select ) => ( {
+			item: select( blocksStore ).getBlockType( name ),
+		} ),
+		[ name ]
+	);
+
+	const itemIconStyle = item?.icon
 		? {
 				backgroundColor: item.icon.background,
 				color: item.icon.foreground,
 		  }
 		: {};
+
 	const blocks = useMemo( () => {
+		if ( ! item ) {
+			return [];
+		}
 		return [
 			createBlock(
 				item.name,
@@ -47,7 +61,11 @@ function InserterListItem( {
 				createBlocksFromInnerBlocksTemplate( item.innerBlocks )
 			),
 		];
-	}, [ item.name, item.initialAttributes, item.initialAttributes ] );
+	}, [ item ] );
+
+	if ( ! item ) {
+		return null;
+	}
 
 	const isSynced =
 		( isReusableBlock( item ) && item.syncStatus !== 'unsynced' ) ||
@@ -55,7 +73,7 @@ function InserterListItem( {
 
 	return (
 		<InserterDraggableBlocks
-			isEnabled={ isDraggable && ! item.disabled }
+			isEnabled={ isDraggable }
 			blocks={ blocks }
 			icon={ item.icon }
 		>
@@ -89,7 +107,7 @@ function InserterListItem( {
 							'block-editor-block-types-list__item',
 							className
 						) }
-						disabled={ item.isDisabled }
+						disabled={ isDisabled }
 						onClick={ ( event ) => {
 							event.preventDefault();
 							onSelect(
diff --git a/packages/block-editor/src/components/inserter/hooks/use-block-types-state.js b/packages/block-editor/src/components/inserter/hooks/use-block-types-state.js
index 2faa503632783..b618e287f9d69 100644
--- a/packages/block-editor/src/components/inserter/hooks/use-block-types-state.js
+++ b/packages/block-editor/src/components/inserter/hooks/use-block-types-state.js
@@ -23,34 +23,35 @@ import { store as blockEditorStore } from '../../../store';
  * @return {Array} Returns the block types state. (block types, categories, collections, onSelect handler)
  */
 const useBlockTypesState = ( rootClientId, onInsert ) => {
-	const { categories, collections, items } = useSelect(
-		( select ) => {
-			const { getInserterItems } = select( blockEditorStore );
-			const { getCategories, getCollections } = select( blocksStore );
-
-			return {
-				categories: getCategories(),
-				collections: getCollections(),
-				items: getInserterItems( rootClientId ),
-			};
-		},
+	const { items } = useSelect(
+		( select ) => ( {
+			items: select( blockEditorStore ).getInserterItems( rootClientId ),
+		} ),
 		[ rootClientId ]
 	);
 
+	const { categories, collections } = useSelect( ( select ) => {
+		const { getCategories, getCollections } = select( blocksStore );
+
+		return {
+			categories: getCategories(),
+			collections: getCollections(),
+		};
+	} );
+
 	const onSelectItem = useCallback(
-		(
-			{ name, initialAttributes, innerBlocks, syncStatus, content },
-			shouldFocusBlock
-		) => {
+		async ( item, shouldFocusBlock ) => {
 			const insertedBlock =
-				syncStatus === 'unsynced'
-					? parse( content, {
+				item.syncStatus === 'unsynced'
+					? await parse( item.content, {
 							__unstableSkipMigrationLogs: true,
 					  } )
 					: createBlock(
-							name,
-							initialAttributes,
-							createBlocksFromInnerBlocksTemplate( innerBlocks )
+							item.name,
+							item.initialAttributes,
+							createBlocksFromInnerBlocksTemplate(
+								item.innerBlocks
+							)
 					  );
 
 			onInsert( insertedBlock, undefined, shouldFocusBlock );
diff --git a/packages/block-editor/src/components/inserter/menu.js b/packages/block-editor/src/components/inserter/menu.js
index ae4f6875e4c9b..69beb31e8ffdb 100644
--- a/packages/block-editor/src/components/inserter/menu.js
+++ b/packages/block-editor/src/components/inserter/menu.js
@@ -208,13 +208,17 @@ function InserterMenu(
 		},
 	} ) );
 
+	const readyToShow = showPatterns !== null;
+
 	const showPatternPanel =
 		selectedTab === 'patterns' &&
 		! delayedFilterValue &&
 		selectedPatternCategory;
+
 	const showAsTabs =
 		! delayedFilterValue &&
 		( showPatterns || hasReusableBlocks || showMedia );
+
 	const showMediaPanel =
 		selectedTab === 'media' &&
 		! delayedFilterValue &&
@@ -247,7 +251,7 @@ function InserterMenu(
 					placeholder={ __( 'Search' ) }
 					ref={ searchRef }
 				/>
-				{ !! delayedFilterValue && (
+				{ readyToShow && delayedFilterValue && (
 					<div className="block-editor-inserter__no-tab-container">
 						<InserterSearchResults
 							filterValue={ delayedFilterValue }
@@ -265,7 +269,7 @@ function InserterMenu(
 						/>
 					</div>
 				) }
-				{ showAsTabs && (
+				{ readyToShow && showAsTabs && (
 					<InserterTabs
 						showPatterns={ showPatterns }
 						showReusableBlocks={ hasReusableBlocks }
@@ -276,7 +280,7 @@ function InserterMenu(
 						{ getCurrentTab }
 					</InserterTabs>
 				) }
-				{ ! delayedFilterValue && ! showAsTabs && (
+				{ readyToShow && ! delayedFilterValue && ! showAsTabs && (
 					<div className="block-editor-inserter__no-tab-container">
 						{ blocksTab }
 					</div>
diff --git a/packages/block-editor/src/components/inserter/quick-inserter.js b/packages/block-editor/src/components/inserter/quick-inserter.js
index 540b51a4757e0..9edc1d7001f83 100644
--- a/packages/block-editor/src/components/inserter/quick-inserter.js
+++ b/packages/block-editor/src/components/inserter/quick-inserter.js
@@ -68,7 +68,7 @@ export default function QuickInserter( {
 	);
 
 	const showPatterns =
-		patterns.length && ( !! filterValue || prioritizePatterns );
+		patterns?.length && ( !! filterValue || prioritizePatterns );
 	const showSearch =
 		( showPatterns && patterns.length > SEARCH_THRESHOLD ) ||
 		blockTypes.length > SEARCH_THRESHOLD;
diff --git a/packages/block-editor/src/components/media-placeholder/index.js b/packages/block-editor/src/components/media-placeholder/index.js
index 41b1d3fe37c56..a1f588b25cdcb 100644
--- a/packages/block-editor/src/components/media-placeholder/index.js
+++ b/packages/block-editor/src/components/media-placeholder/index.js
@@ -290,7 +290,7 @@ export function MediaPlaceholder( {
 	}
 
 	async function onHTMLDrop( HTML ) {
-		const blocks = pasteHandler( { HTML } );
+		const blocks = await pasteHandler( { HTML } );
 		return await handleBlocksDrop( blocks );
 	}
 
diff --git a/packages/block-editor/src/components/rich-text/index.native.js b/packages/block-editor/src/components/rich-text/index.native.js
index acadfb24a7221..911c5809d3268 100644
--- a/packages/block-editor/src/components/rich-text/index.native.js
+++ b/packages/block-editor/src/components/rich-text/index.native.js
@@ -300,16 +300,17 @@ export function RichTextWrapper(
 	);
 
 	const onEnter = useCallback(
-		( { value, onChange, shiftKey } ) => {
+		async ( { value, onChange, shiftKey } ) => {
 			const canSplit = onReplace && onSplit;
 
 			if ( onReplace ) {
-				const transforms = getBlockTransforms( 'from' ).filter(
-					( { type } ) => type === 'enter'
+				const transforms = await getBlockTransforms( 'from' );
+				const enterTransforms = transforms.filter(
+					( t ) => t.type === 'enter'
+				);
+				const transformation = findTransform( enterTransforms, ( t ) =>
+					t.regExp.test( value.text )
 				);
-				const transformation = findTransform( transforms, ( item ) => {
-					return item.regExp.test( value.text );
-				} );
 
 				if ( transformation ) {
 					onReplace( [
@@ -364,7 +365,7 @@ export function RichTextWrapper(
 	);
 
 	const onPaste = useCallback(
-		( {
+		async ( {
 			value,
 			onChange,
 			html,
@@ -394,7 +395,7 @@ export function RichTextWrapper(
 			// Only process file if no HTML is present.
 			// Note: a pasted file may have the URL as plain text.
 			if ( files && files.length && ! html ) {
-				const content = pasteHandler( {
+				const content = await pasteHandler( {
 					HTML: filePasteHandler( files ),
 					mode: 'BLOCKS',
 					tagName,
@@ -433,7 +434,7 @@ export function RichTextWrapper(
 				mode = 'BLOCKS';
 			}
 
-			const content = pasteHandler( {
+			const content = await pasteHandler( {
 				HTML: html,
 				plainText,
 				mode,
@@ -486,7 +487,7 @@ export function RichTextWrapper(
 	);
 
 	const inputRule = useCallback(
-		( value, valueToFormat ) => {
+		async ( value, valueToFormat ) => {
 			if ( ! onReplace ) {
 				return;
 			}
@@ -503,14 +504,12 @@ export function RichTextWrapper(
 			}
 
 			const trimmedTextBefore = text.slice( 0, startPosition ).trim();
-			const prefixTransforms = getBlockTransforms( 'from' ).filter(
-				( { type } ) => type === 'prefix'
-			);
+			const prefixTransforms = (
+				await getBlockTransforms( 'from' )
+			 ).filter( ( { type } ) => type === 'prefix' );
 			const transformation = findTransform(
 				prefixTransforms,
-				( { prefix } ) => {
-					return trimmedTextBefore === prefix;
-				}
+				( { prefix } ) => trimmedTextBefore === prefix
 			);
 
 			if ( ! transformation ) {
diff --git a/packages/block-editor/src/components/rich-text/use-enter.js b/packages/block-editor/src/components/rich-text/use-enter.js
index 40d4f9be4759f..6bb6db1d3c870 100644
--- a/packages/block-editor/src/components/rich-text/use-enter.js
+++ b/packages/block-editor/src/components/rich-text/use-enter.js
@@ -20,7 +20,7 @@ export function useEnter( props ) {
 	const propsRef = useRef( props );
 	propsRef.current = props;
 	return useRefEffect( ( element ) => {
-		function onKeyDown( event ) {
+		async function onKeyDown( event ) {
 			if ( event.defaultPrevented ) {
 				return;
 			}
@@ -47,9 +47,9 @@ export function useEnter( props ) {
 			const canSplit = onReplace && onSplit;
 
 			if ( onReplace ) {
-				const transforms = getBlockTransforms( 'from' ).filter(
-					( { type } ) => type === 'enter'
-				);
+				const transforms = (
+					await getBlockTransforms( 'from' )
+				 ).filter( ( { type } ) => type === 'enter' );
 				const transformation = findTransform( transforms, ( item ) => {
 					return item.regExp.test( _value.text );
 				} );
diff --git a/packages/block-editor/src/components/rich-text/use-input-rules.js b/packages/block-editor/src/components/rich-text/use-input-rules.js
index 5640a85f5f269..1e7b3986c5198 100644
--- a/packages/block-editor/src/components/rich-text/use-input-rules.js
+++ b/packages/block-editor/src/components/rich-text/use-input-rules.js
@@ -83,7 +83,7 @@ export function useInputRules( props ) {
 	const propsRef = useRef( props );
 	propsRef.current = props;
 	return useRefEffect( ( element ) => {
-		function inputRule() {
+		async function inputRule() {
 			const { getValue, onReplace, selectionChange } = propsRef.current;
 
 			if ( ! onReplace ) {
@@ -102,14 +102,12 @@ export function useInputRules( props ) {
 			}
 
 			const trimmedTextBefore = text.slice( 0, start ).trim();
-			const prefixTransforms = getBlockTransforms( 'from' ).filter(
-				( { type } ) => type === 'prefix'
-			);
+			const prefixTransforms = (
+				await getBlockTransforms( 'from' )
+			 ).filter( ( { type } ) => type === 'prefix' );
 			const transformation = findTransform(
 				prefixTransforms,
-				( { prefix } ) => {
-					return trimmedTextBefore === prefix;
-				}
+				( { prefix } ) => trimmedTextBefore === prefix
 			);
 
 			if ( ! transformation ) {
@@ -128,7 +126,7 @@ export function useInputRules( props ) {
 			return true;
 		}
 
-		function onInput( event ) {
+		async function onInput( event ) {
 			const { inputType, type } = event;
 			const {
 				getValue,
@@ -142,8 +140,8 @@ export function useInputRules( props ) {
 				return;
 			}
 
-			if ( __unstableAllowPrefixTransformations && inputRule ) {
-				if ( inputRule() ) return;
+			if ( __unstableAllowPrefixTransformations ) {
+				if ( await inputRule() ) return;
 			}
 
 			const value = getValue();
diff --git a/packages/block-editor/src/components/rich-text/use-paste-handler.js b/packages/block-editor/src/components/rich-text/use-paste-handler.js
index 1302e2d0dce46..78382eb8d12b1 100644
--- a/packages/block-editor/src/components/rich-text/use-paste-handler.js
+++ b/packages/block-editor/src/components/rich-text/use-paste-handler.js
@@ -24,7 +24,7 @@ export function usePasteHandler( props ) {
 	const propsRef = useRef( props );
 	propsRef.current = props;
 	return useRefEffect( ( element ) => {
-		function _onPaste( event ) {
+		async function _onPaste( event ) {
 			const {
 				isSelected,
 				disableFormats,
@@ -78,7 +78,7 @@ export function usePasteHandler( props ) {
 				// eslint-disable-next-line no-console
 				window.console.log( 'Received items:\n\n', files );
 
-				const fromTransforms = getBlockTransforms( 'from' );
+				const fromTransforms = await getBlockTransforms( 'from' );
 				const blocks = files
 					.reduce( ( accumulator, file ) => {
 						const transformation = findTransform(
@@ -127,7 +127,7 @@ export function usePasteHandler( props ) {
 				mode = 'BLOCKS';
 			}
 
-			const content = pasteHandler( {
+			const content = await pasteHandler( {
 				HTML: html,
 				plainText,
 				mode,
diff --git a/packages/block-editor/src/components/use-on-block-drop/index.js b/packages/block-editor/src/components/use-on-block-drop/index.js
index ab0da8ad99e2a..134eb4adf9e87 100644
--- a/packages/block-editor/src/components/use-on-block-drop/index.js
+++ b/packages/block-editor/src/components/use-on-block-drop/index.js
@@ -149,13 +149,13 @@ export function onFilesDrop(
 	canInsertBlockType,
 	insertOrReplaceBlocks
 ) {
-	return ( files ) => {
+	return async ( files ) => {
 		if ( ! hasUploadPermissions ) {
 			return;
 		}
 
 		const transformation = findTransform(
-			getBlockTransforms( 'from' ),
+			await getBlockTransforms( 'from' ),
 			( transform ) =>
 				transform.type === 'files' &&
 				canInsertBlockType( transform.blockName, targetRootClientId ) &&
@@ -186,8 +186,8 @@ export function onHTMLDrop(
 	targetBlockIndex,
 	insertOrReplaceBlocks
 ) {
-	return ( HTML ) => {
-		const blocks = pasteHandler( { HTML, mode: 'BLOCKS' } );
+	return async ( HTML ) => {
+		const blocks = await pasteHandler( { HTML, mode: 'BLOCKS' } );
 
 		if ( blocks.length ) {
 			insertOrReplaceBlocks( blocks );
diff --git a/packages/block-editor/src/components/writing-flow/use-clipboard-handler.js b/packages/block-editor/src/components/writing-flow/use-clipboard-handler.js
index 5b78d2f8656b6..f8a2652b694b4 100644
--- a/packages/block-editor/src/components/writing-flow/use-clipboard-handler.js
+++ b/packages/block-editor/src/components/writing-flow/use-clipboard-handler.js
@@ -46,7 +46,7 @@ export default function useClipboardHandler() {
 	const notifyCopy = useNotifyCopy();
 
 	return useRefEffect( ( node ) => {
-		function handler( event ) {
+		async function handler( event ) {
 			if ( event.defaultPrevented ) {
 				// This was likely already handled in rich-text/use-paste-handler.js.
 				return;
@@ -157,7 +157,7 @@ export default function useClipboardHandler() {
 				let blocks = [];
 
 				if ( files.length ) {
-					const fromTransforms = getBlockTransforms( 'from' );
+					const fromTransforms = await getBlockTransforms( 'from' );
 					blocks = files
 						.reduce( ( accumulator, file ) => {
 							const transformation = findTransform(
@@ -175,7 +175,7 @@ export default function useClipboardHandler() {
 						}, [] )
 						.flat();
 				} else {
-					blocks = pasteHandler( {
+					blocks = await pasteHandler( {
 						HTML: html,
 						plainText,
 						mode: 'BLOCKS',
diff --git a/packages/block-editor/src/store/actions.js b/packages/block-editor/src/store/actions.js
index b21436161cb8c..3df8eddaf5b07 100644
--- a/packages/block-editor/src/store/actions.js
+++ b/packages/block-editor/src/store/actions.js
@@ -703,7 +703,7 @@ export const synchronizeTemplate =
  */
 export const __unstableDeleteSelection =
 	( isForward ) =>
-	( { registry, select, dispatch } ) => {
+	async ( { registry, select, dispatch } ) => {
 		const selectionAnchor = select.getSelectionStart();
 		const selectionFocus = select.getSelectionEnd();
 
@@ -784,7 +784,10 @@ export const __unstableDeleteSelection =
 		const blocksWithTheSameType =
 			blockA.name === blockB.name
 				? [ followingBlock ]
-				: switchToBlockType( followingBlock, targetBlockType.name );
+				: await switchToBlockType(
+						followingBlock,
+						targetBlockType.name
+				  );
 
 		// If the block types can not match, do nothing
 		if ( ! blocksWithTheSameType || ! blocksWithTheSameType.length ) {
@@ -957,7 +960,7 @@ export const __unstableExpandSelection =
  */
 export const mergeBlocks =
 	( firstBlockClientId, secondBlockClientId ) =>
-	( { registry, select, dispatch } ) => {
+	async ( { registry, select, dispatch } ) => {
 		const blocks = [ firstBlockClientId, secondBlockClientId ];
 		dispatch( { type: 'MERGE_BLOCKS', blocks } );
 
@@ -975,7 +978,7 @@ export const mergeBlocks =
 		) {
 			// If there's no merge function defined, attempt merging inner
 			// blocks.
-			const blocksWithTheSameType = switchToBlockType(
+			const blocksWithTheSameType = await switchToBlockType(
 				blockB,
 				blockAType.name
 			);
@@ -1112,7 +1115,7 @@ export const mergeBlocks =
 		const blocksWithTheSameType =
 			blockA.name === blockB.name
 				? [ cloneB ]
-				: switchToBlockType( cloneB, blockA.name );
+				: await switchToBlockType( cloneB, blockA.name );
 
 		// If the block types can not match, do nothing.
 		if ( ! blocksWithTheSameType || ! blocksWithTheSameType.length ) {
diff --git a/packages/block-editor/src/store/index.js b/packages/block-editor/src/store/index.js
index 0bcc00cb5f6ae..fc999278ed68c 100644
--- a/packages/block-editor/src/store/index.js
+++ b/packages/block-editor/src/store/index.js
@@ -11,6 +11,7 @@ import * as selectors from './selectors';
 import * as privateActions from './private-actions';
 import * as privateSelectors from './private-selectors';
 import * as actions from './actions';
+import * as resolvers from './resolvers';
 import { STORE_NAME } from './constants';
 import { unlock } from '../lock-unlock';
 
@@ -23,6 +24,7 @@ export const storeConfig = {
 	reducer,
 	selectors,
 	actions,
+	resolvers,
 };
 
 /**
diff --git a/packages/block-editor/src/store/reducer.js b/packages/block-editor/src/store/reducer.js
index 5319a3b255365..6572277217eb0 100644
--- a/packages/block-editor/src/store/reducer.js
+++ b/packages/block-editor/src/store/reducer.js
@@ -1991,6 +1991,17 @@ export function lastFocus( state = false, action ) {
 	return state;
 }
 
+export function parsedPatterns( state = {}, action ) {
+	switch ( action.type ) {
+		case 'SET_PARSED_PATTERN':
+			return {
+				...state,
+				[ action.patternName ]: action.parsedPattern,
+			};
+	}
+	return state;
+}
+
 const combinedReducers = combineReducers( {
 	blocks,
 	isTyping,
@@ -2020,6 +2031,7 @@ const combinedReducers = combineReducers( {
 	blockRemovalRules,
 	openedBlockSettingsMenu,
 	registeredInserterMediaCategories,
+	parsedPatterns,
 } );
 
 function withAutomaticChangeReset( reducer ) {
diff --git a/packages/block-editor/src/store/resolvers.js b/packages/block-editor/src/store/resolvers.js
new file mode 100644
index 0000000000000..f072b6689706a
--- /dev/null
+++ b/packages/block-editor/src/store/resolvers.js
@@ -0,0 +1,69 @@
+/**
+ * WordPress dependencies
+ */
+import { parse } from '@wordpress/blocks';
+
+export const __experimentalGetParsedPattern =
+	( patternName ) =>
+	async ( { select, dispatch } ) => {
+		const patterns = select(
+			( state ) => state.root.settings.__experimentalBlockPatterns
+		);
+		const unsyncedPatterns = select.getUnsyncedPatterns();
+
+		const pattern = [ ...patterns, ...unsyncedPatterns ].find(
+			( { name } ) => name === patternName
+		);
+
+		if ( ! pattern ) {
+			return;
+		}
+
+		const blocks = await parse( pattern.content, {
+			__unstableSkipMigrationLogs: true,
+		} );
+
+		const parsedPattern = { ...pattern, blocks };
+
+		dispatch( {
+			type: 'SET_PARSED_PATTERN',
+			patternName: pattern.name,
+			parsedPattern,
+		} );
+	};
+
+export const __experimentalGetAllowedPatterns =
+	() =>
+	async ( { select, dispatch } ) => {
+		const patterns = select(
+			( state ) => state.root.settings.__experimentalBlockPatterns
+		);
+		const unsyncedPatterns = select.getUnsyncedPatterns();
+
+		const inserterPatterns = [ ...patterns, ...unsyncedPatterns ].filter(
+			( { inserter = true } ) => inserter
+		);
+
+		for ( const pattern of inserterPatterns ) {
+			const blocks = await parse( pattern.content, {
+				__unstableSkipMigrationLogs: true,
+			} );
+
+			const parsedPattern = { ...pattern, blocks };
+
+			dispatch( {
+				type: 'SET_PARSED_PATTERN',
+				patternName: pattern.name,
+				parsedPattern,
+			} );
+		}
+	};
+
+__experimentalGetAllowedPatterns.shouldInvalidate = ( action ) => {
+	return (
+		action.type === 'UPDATE_SETTINGS' &&
+		action.settings.__experimentalBlockPatterns
+	);
+};
+
+export const getPatternsByBlockTypes = __experimentalGetAllowedPatterns;
diff --git a/packages/block-editor/src/store/selectors.js b/packages/block-editor/src/store/selectors.js
index b6d455333c7a5..3eb7ccd25866a 100644
--- a/packages/block-editor/src/store/selectors.js
+++ b/packages/block-editor/src/store/selectors.js
@@ -8,10 +8,10 @@ import createSelector from 'rememo';
  */
 import {
 	getBlockType,
-	getBlockTypes,
+	getBootstrappedBlockType,
+	getBootstrappedBlockTypes,
 	getBlockVariations,
 	hasBlockSupport,
-	getPossibleBlockTransformations,
 	parse,
 	switchToBlockType,
 	store as blocksStore,
@@ -1508,7 +1508,7 @@ const canInsertBlockTypeUnmemoized = (
 		blockType = blockName;
 		blockName = blockType.name;
 	} else {
-		blockType = getBlockType( blockName );
+		blockType = getBootstrappedBlockType( blockName );
 	}
 	if ( ! blockType ) {
 		return false;
@@ -1975,7 +1975,7 @@ export const getInserterItems = createSelector(
 			buildScope: 'inserter',
 		} );
 
-		const blockTypeInserterItems = getBlockTypes()
+		const blockTypeInserterItems = getBootstrappedBlockTypes()
 			.filter( ( blockType ) =>
 				canIncludeBlockTypeInInserter( state, blockType, rootClientId )
 			)
@@ -1987,10 +1987,9 @@ export const getInserterItems = createSelector(
 			if ( ! variations.some( ( { isDefault } ) => isDefault ) ) {
 				accumulator.push( item );
 			}
-			if ( variations.length ) {
-				const variationMapper = getItemFromVariation( state, item );
-				accumulator.push( ...variations.map( variationMapper ) );
-			}
+			accumulator.push(
+				...variations.map( getItemFromVariation( state, item ) )
+			);
 			return accumulator;
 		}, [] );
 
@@ -1999,18 +1998,10 @@ export const getInserterItems = createSelector(
 		// the core blocks (usually by using the `init` action),
 		// thus affecting the display order.
 		// We don't sort reusable blocks as they are handled differently.
-		const groupByType = ( blocks, block ) => {
-			const { core, noncore } = blocks;
-			const type = block.name.startsWith( 'core/' ) ? core : noncore;
-
-			type.push( block );
-			return blocks;
-		};
-		const { core: coreItems, noncore: nonCoreItems } = items.reduce(
-			groupByType,
-			{ core: [], noncore: [] }
+		const sortedBlockTypes = orderBy(
+			items,
+			( block ) => ! block.name.startsWith( 'core/' ) // false < true
 		);
-		const sortedBlockTypes = [ ...coreItems, ...nonCoreItems ];
 		return [ ...sortedBlockTypes, ...syncedPatternInserterItems ];
 	},
 	( state, rootClientId ) => [
@@ -2021,7 +2012,7 @@ export const getInserterItems = createSelector(
 		state.settings.allowedBlockTypes,
 		state.settings.templateLock,
 		getReusableBlocks( state ),
-		getBlockTypes(),
+		getBootstrappedBlockTypes(),
 	]
 );
 
@@ -2052,37 +2043,18 @@ export const getInserterItems = createSelector(
  * @property {number}          frecency     Heuristic that combines frequency and recency.
  */
 export const getBlockTransformItems = createSelector(
-	( state, blocks, rootClientId = null ) => {
-		const normalizedBlocks = Array.isArray( blocks ) ? blocks : [ blocks ];
+	( state, rootClientId = null ) => {
 		const buildBlockTypeTransformItem = buildBlockTypeItem( state, {
 			buildScope: 'transform',
 		} );
-		const blockTypeTransformItems = getBlockTypes()
+		const blockTypeTransformItems = getBootstrappedBlockTypes()
 			.filter( ( blockType ) =>
 				canIncludeBlockTypeInInserter( state, blockType, rootClientId )
 			)
-			.map( buildBlockTypeTransformItem );
-
-		const itemsByName = Object.fromEntries(
-			Object.entries( blockTypeTransformItems ).map( ( [ , value ] ) => [
-				value.name,
-				value,
-			] )
-		);
+			.map( buildBlockTypeTransformItem )
+			.map( ( value ) => [ value.name, value ] );
 
-		const possibleTransforms = getPossibleBlockTransformations(
-			normalizedBlocks
-		).reduce( ( accumulator, block ) => {
-			if ( itemsByName[ block?.name ] ) {
-				accumulator.push( itemsByName[ block.name ] );
-			}
-			return accumulator;
-		}, [] );
-		return orderBy(
-			possibleTransforms,
-			( block ) => itemsByName[ block.name ].frecency,
-			'desc'
-		);
+		return Object.fromEntries( blockTypeTransformItems );
 	},
 	( state, blocks, rootClientId ) => [
 		state.blockListSettings[ rootClientId ],
@@ -2090,7 +2062,7 @@ export const getBlockTransformItems = createSelector(
 		state.preferences.insertUsage,
 		state.settings.allowedBlockTypes,
 		state.settings.templateLock,
-		getBlockTypes(),
+		getBootstrappedBlockTypes(),
 	]
 );
 
@@ -2102,29 +2074,21 @@ export const getBlockTransformItems = createSelector(
  *
  * @return {boolean} Items that appear in inserter.
  */
-export const hasInserterItems = createSelector(
-	( state, rootClientId = null ) => {
-		const hasBlockType = getBlockTypes().some( ( blockType ) =>
-			canIncludeBlockTypeInInserter( state, blockType, rootClientId )
-		);
-		if ( hasBlockType ) {
-			return true;
-		}
-		const hasReusableBlock =
-			canInsertBlockTypeUnmemoized( state, 'core/block', rootClientId ) &&
-			getReusableBlocks( state ).length > 0;
+export const hasInserterItems = ( state, rootClientId = null ) => {
+	const hasBlockType = getBootstrappedBlockTypes().some( ( blockType ) =>
+		canIncludeBlockTypeInInserter( state, blockType, rootClientId )
+	);
 
-		return hasReusableBlock;
-	},
-	( state, rootClientId ) => [
-		state.blockListSettings[ rootClientId ],
-		state.blocks.byClientId,
-		state.settings.allowedBlockTypes,
-		state.settings.templateLock,
-		getReusableBlocks( state ),
-		getBlockTypes(),
-	]
-);
+	if ( hasBlockType ) {
+		return true;
+	}
+
+	const hasReusableBlock =
+		canInsertBlockTypeUnmemoized( state, 'core/block', rootClientId ) &&
+		getReusableBlocks( state ).length > 0;
+
+	return hasReusableBlock;
+};
 
 /**
  * Returns the list of allowed inserter blocks for inner blocks children.
@@ -2140,9 +2104,10 @@ export const getAllowedBlocks = createSelector(
 			return;
 		}
 
-		const blockTypes = getBlockTypes().filter( ( blockType ) =>
+		const blockTypes = getBootstrappedBlockTypes().filter( ( blockType ) =>
 			canIncludeBlockTypeInInserter( state, blockType, rootClientId )
 		);
+
 		const hasReusableBlock =
 			canInsertBlockTypeUnmemoized( state, 'core/block', rootClientId ) &&
 			getReusableBlocks( state ).length > 0;
@@ -2158,7 +2123,7 @@ export const getAllowedBlocks = createSelector(
 		state.settings.allowedBlockTypes,
 		state.settings.templateLock,
 		getReusableBlocks( state ),
-		getBlockTypes(),
+		getBootstrappedBlockTypes(),
 	]
 );
 
@@ -2321,6 +2286,7 @@ export const __experimentalGetAllowedPatterns = createSelector(
 		state.settings.templateLock,
 		state.blockListSettings[ rootClientId ],
 		state.blocks.byClientId.get( rootClientId ),
+		state.parsedPatterns,
 	]
 );
 
@@ -2344,6 +2310,11 @@ export const getPatternsByBlockTypes = createSelector(
 			state,
 			rootClientId
 		);
+
+		if ( ! patterns ) {
+			return null;
+		}
+
 		const normalizedBlockNames = Array.isArray( blockNames )
 			? blockNames
 			: [ blockNames ];
diff --git a/packages/block-library/src/image/image.js b/packages/block-library/src/image/image.js
index b74079b2b8b79..bcbe08538a26c 100644
--- a/packages/block-library/src/image/image.js
+++ b/packages/block-library/src/image/image.js
@@ -324,10 +324,10 @@ export default function Image( {
 	const canEditImage = id && naturalWidth && naturalHeight && imageEditing;
 	const allowCrop = ! multiImageSelection && canEditImage && ! isEditingImage;
 
-	function switchToCover() {
+	async function switchToCover() {
 		replaceBlocks(
 			clientId,
-			switchToBlockType( getBlock( clientId ), 'core/cover' )
+			await switchToBlockType( getBlock( clientId ), 'core/cover' )
 		);
 	}
 
diff --git a/packages/block-library/src/list-item/edit.js b/packages/block-library/src/list-item/edit.js
index 3f26840ad345f..a529d192986cb 100644
--- a/packages/block-library/src/list-item/edit.js
+++ b/packages/block-library/src/list-item/edit.js
@@ -90,9 +90,9 @@ export default function ListItemEdit( {
 					onMerge={ onMerge }
 					onReplace={
 						onReplace
-							? ( blocks, ...args ) => {
+							? async ( blocks, ...args ) => {
 									onReplace(
-										convertToListItems( blocks ),
+										await convertToListItems( blocks ),
 										...args
 									);
 							  }
diff --git a/packages/block-library/src/list-item/edit.native.js b/packages/block-library/src/list-item/edit.native.js
index cf2e77c08d2e8..b8b3690a41fa8 100644
--- a/packages/block-library/src/list-item/edit.native.js
+++ b/packages/block-library/src/list-item/edit.native.js
@@ -130,12 +130,12 @@ export default function ListItemEdit( {
 		[ clientId, onSplit ]
 	);
 	const onReplaceList = useCallback(
-		( blocks, ...args ) => {
+		async ( blocks, ...args ) => {
 			if ( ! preventDefault.current ) {
-				onReplace( convertToListItems( blocks ), ...args );
+				onReplace( await convertToListItems( blocks ), ...args );
 			}
 		},
-		[ clientId, onReplace, convertToListItems ]
+		[ onReplace ]
 	);
 	const onLayout = useCallback( ( { nativeEvent } ) => {
 		setContentWidth( ( prevState ) => {
diff --git a/packages/block-library/src/list-item/utils.js b/packages/block-library/src/list-item/utils.js
index 5e5b51a8af680..29252fb4f2a12 100644
--- a/packages/block-library/src/list-item/utils.js
+++ b/packages/block-library/src/list-item/utils.js
@@ -3,19 +3,19 @@
  */
 import { switchToBlockType } from '@wordpress/blocks';
 
-function convertBlockToList( block ) {
-	const list = switchToBlockType( block, 'core/list' );
+async function convertBlockToList( block ) {
+	const list = await switchToBlockType( block, 'core/list' );
 	if ( list ) {
 		return list;
 	}
-	const paragraph = switchToBlockType( block, 'core/paragraph' );
+	const paragraph = await switchToBlockType( block, 'core/paragraph' );
 	if ( ! paragraph ) {
 		return null;
 	}
-	return switchToBlockType( paragraph, 'core/list' );
+	return await switchToBlockType( paragraph, 'core/list' );
 }
 
-export function convertToListItems( blocks ) {
+export async function convertToListItems( blocks ) {
 	const listItems = [];
 
 	for ( let block of blocks ) {
@@ -23,7 +23,7 @@ export function convertToListItems( blocks ) {
 			listItems.push( block );
 		} else if ( block.name === 'core/list' ) {
 			listItems.push( ...block.innerBlocks );
-		} else if ( ( block = convertBlockToList( block ) ) ) {
+		} else if ( ( block = await convertBlockToList( block ) ) ) {
 			for ( const { innerBlocks } of block ) {
 				listItems.push( ...innerBlocks );
 			}
diff --git a/packages/block-library/src/navigation-link/link-ui.js b/packages/block-library/src/navigation-link/link-ui.js
index 3c3d91e7b0a05..3b8259e1fb7c1 100644
--- a/packages/block-library/src/navigation-link/link-ui.js
+++ b/packages/block-library/src/navigation-link/link-ui.js
@@ -113,10 +113,10 @@ function LinkControlTransforms( { clientId } ) {
 					return (
 						<Button
 							key={ `transform-${ index }` }
-							onClick={ () =>
+							onClick={ async () =>
 								replaceBlock(
 									clientId,
-									switchToBlockType(
+									await switchToBlockType(
 										getBlock( clientId ),
 										item.name
 									)
diff --git a/packages/block-library/src/page-list/edit.js b/packages/block-library/src/page-list/edit.js
index 8f21f781396c6..214e93d73a8f6 100644
--- a/packages/block-library/src/page-list/edit.js
+++ b/packages/block-library/src/page-list/edit.js
@@ -113,6 +113,31 @@ function BlockContent( {
 	}
 }
 
+function getBlockList( parentId, pagesByParentId ) {
+	const childPages = pagesByParentId.get( parentId );
+
+	if ( ! childPages?.length ) {
+		return [];
+	}
+
+	return childPages.map( ( page ) => {
+		const hasChildren = pagesByParentId.has( page.id );
+		const pageProps = {
+			id: page.id,
+			label:
+				// translators: displayed when a page has an empty title.
+				page.title?.rendered?.trim() !== ''
+					? page.title?.rendered
+					: __( '(no title)' ),
+			title: page.title?.rendered,
+			link: page.url,
+			hasChildren,
+		};
+		const children = getBlockList( page.id, pagesByParentId );
+		return createBlock( 'core/page-list-item', pageProps, children );
+	} );
+}
+
 export default function PageListEdit( {
 	context,
 	clientId,
@@ -209,39 +234,8 @@ export default function PageListEdit( {
 	);
 
 	const blockList = useMemo(
-		function getBlockList( parentId = parentPageID ) {
-			const childPages = pagesByParentId.get( parentId );
-
-			if ( ! childPages?.length ) {
-				return [];
-			}
-
-			return childPages.reduce( ( template, page ) => {
-				const hasChildren = pagesByParentId.has( page.id );
-				const pageProps = {
-					id: page.id,
-					label:
-						// translators: displayed when a page has an empty title.
-						page.title?.rendered?.trim() !== ''
-							? page.title?.rendered
-							: __( '(no title)' ),
-					title: page.title?.rendered,
-					link: page.url,
-					hasChildren,
-				};
-				let item = null;
-				const children = getBlockList( page.id );
-				item = createBlock(
-					'core/page-list-item',
-					pageProps,
-					children
-				);
-				template.push( item );
-
-				return template;
-			}, [] );
-		},
-		[ pagesByParentId, parentPageID ]
+		() => getBlockList( parentPageID, pagesByParentId ),
+		[ parentPageID, pagesByParentId ]
 	);
 
 	const {
diff --git a/packages/block-library/src/template-part/edit/utils/transformers.js b/packages/block-library/src/template-part/edit/utils/transformers.js
index 7932a00572941..449e914d5f793 100644
--- a/packages/block-library/src/template-part/edit/utils/transformers.js
+++ b/packages/block-library/src/template-part/edit/utils/transformers.js
@@ -70,31 +70,31 @@ export function transformWidgetToBlock( widget ) {
  * @param {Object} block Legacy Widget block object
  * @return {Object|undefined} a block
  */
-function switchLegacyWidgetType( block ) {
-	const transforms = getPossibleBlockTransformations( [ block ] ).filter(
-		( item ) => {
-			// The block without any transformations can't be a wildcard.
-			if ( ! item.transforms ) {
-				return true;
-			}
+async function switchLegacyWidgetType( block ) {
+	const transforms = (
+		await getPossibleBlockTransformations( [ block ] )
+	 ).filter( ( item ) => {
+		// The block without any transformations can't be a wildcard.
+		if ( ! item.transforms ) {
+			return true;
+		}
 
-			const hasWildCardFrom = item.transforms?.from?.find(
-				( from ) => from.blocks && from.blocks.includes( '*' )
-			);
-			const hasWildCardTo = item.transforms?.to?.find(
-				( to ) => to.blocks && to.blocks.includes( '*' )
-			);
+		const hasWildCardFrom = item.transforms.from?.some( ( from ) =>
+			from.blocks?.includes( '*' )
+		);
+		const hasWildCardTo = item.transforms.to?.find(
+			( to ) => to.blocks && to.blocks.includes( '*' )
+		);
 
-			// Skip wildcard transformations.
-			return ! hasWildCardFrom && ! hasWildCardTo;
-		}
-	);
+		// Skip wildcard transformations.
+		return ! hasWildCardFrom && ! hasWildCardTo;
+	} );
 
 	if ( ! transforms.length ) {
 		return undefined;
 	}
 
-	return switchToBlockType( block, transforms[ 0 ].name );
+	return await switchToBlockType( block, transforms[ 0 ].name );
 }
 
 function transformInnerBlocks( innerBlocks = [] ) {
diff --git a/packages/blocks/README.md b/packages/blocks/README.md
index 8e6fdc9d900db..0022738d67c8d 100644
--- a/packages/blocks/README.md
+++ b/packages/blocks/README.md
@@ -198,6 +198,14 @@ _Returns_
 
 -   `Array`: Block settings.
 
+### getBootstrappedBlockType
+
+Undocumented declaration.
+
+### getBootstrappedBlockTypes
+
+Undocumented declaration.
+
 ### getChildBlockNames
 
 Returns an array with the child blocks of a given block.
@@ -278,6 +286,10 @@ _Returns_
 
 -   `Object|string`: Save element or raw HTML string.
 
+### getTransformItemsForBlocks
+
+Undocumented declaration.
+
 ### getUnregisteredTypeHandlerName
 
 Retrieves name of block handling unregistered block types, or undefined if no handler has been defined.
diff --git a/packages/blocks/src/api/factory.js b/packages/blocks/src/api/factory.js
index 53333ef688085..2846164be5c3f 100644
--- a/packages/blocks/src/api/factory.js
+++ b/packages/blocks/src/api/factory.js
@@ -13,7 +13,8 @@ import { createHooks, applyFilters } from '@wordpress/hooks';
  */
 import {
 	getBlockType,
-	getBlockTypes,
+	loadBlockType,
+	loadBlockTypes,
 	getGroupingBlockName,
 } from './registration';
 import {
@@ -153,6 +154,11 @@ export function cloneBlock( block, mergeAttributes = {}, newInnerBlocks ) {
  * @return {boolean} Is the transform possible?
  */
 const isPossibleTransformForSource = ( transform, direction, blocks ) => {
+	// Only consider 'block' type transforms as valid.
+	if ( transform.type !== 'block' ) {
+		return false;
+	}
+
 	if ( ! blocks.length ) {
 		return false;
 	}
@@ -160,38 +166,29 @@ const isPossibleTransformForSource = ( transform, direction, blocks ) => {
 	// If multiple blocks are selected, only multi block transforms
 	// or wildcard transforms are allowed.
 	const isMultiBlock = blocks.length > 1;
-	const firstBlockName = blocks[ 0 ].name;
-	const isValidForMultiBlocks =
-		isWildcardBlockTransform( transform ) ||
-		! isMultiBlock ||
-		transform.isMultiBlock;
-	if ( ! isValidForMultiBlocks ) {
+	const isWildcardTransform = isWildcardBlockTransform( transform );
+	if ( isMultiBlock && ! isWildcardTransform && ! transform.isMultiBlock ) {
 		return false;
 	}
 
 	// Check non-wildcard transforms to ensure that transform is valid
 	// for a block selection of multiple blocks of different types.
+	const firstBlockName = blocks[ 0 ].name;
 	if (
-		! isWildcardBlockTransform( transform ) &&
+		! isWildcardTransform &&
 		! blocks.every( ( block ) => block.name === firstBlockName )
 	) {
 		return false;
 	}
 
-	// Only consider 'block' type transforms as valid.
-	const isBlockType = transform.type === 'block';
-	if ( ! isBlockType ) {
-		return false;
-	}
-
 	// Check if the transform's block name matches the source block (or is a wildcard)
 	// only if this is a transform 'from'.
 	const sourceBlock = blocks[ 0 ];
-	const hasMatchingName =
-		direction !== 'from' ||
-		transform.blocks.indexOf( sourceBlock.name ) !== -1 ||
-		isWildcardBlockTransform( transform );
-	if ( ! hasMatchingName ) {
+	if (
+		direction === 'from' &&
+		! isWildcardTransform &&
+		! transform.blocks.includes( sourceBlock.name )
+	) {
 		return false;
 	}
 
@@ -222,25 +219,22 @@ const isPossibleTransformForSource = ( transform, direction, blocks ) => {
  *
  * @return {Array} Block types that the blocks can be transformed into.
  */
-const getBlockTypesForPossibleFromTransforms = ( blocks ) => {
+const getBlockTypesForPossibleFromTransforms = async ( blocks ) => {
 	if ( ! blocks.length ) {
 		return [];
 	}
 
-	const allBlockTypes = getBlockTypes();
-
+	const allBlockTypes = await loadBlockTypes();
+	const fromTransforms = await getBlockTransforms( 'from' );
 	// filter all blocks to find those with a 'from' transform.
 	const blockTypesWithPossibleFromTransforms = allBlockTypes.filter(
-		( blockType ) => {
-			const fromTransforms = getBlockTransforms( 'from', blockType.name );
-			return !! findTransform( fromTransforms, ( transform ) => {
-				return isPossibleTransformForSource(
-					transform,
-					'from',
-					blocks
-				);
-			} );
-		}
+		( blockType ) =>
+			findTransform(
+				fromTransforms,
+				( transform ) =>
+					transform.blockName === blockType.name &&
+					isPossibleTransformForSource( transform, 'from', blocks )
+			)
 	);
 
 	return blockTypesWithPossibleFromTransforms;
@@ -254,28 +248,26 @@ const getBlockTypesForPossibleFromTransforms = ( blocks ) => {
  *
  * @return {Array} Block types that the source can be transformed into.
  */
-const getBlockTypesForPossibleToTransforms = ( blocks ) => {
+const getBlockTypesForPossibleToTransforms = async ( blocks ) => {
 	if ( ! blocks.length ) {
 		return [];
 	}
 
 	const sourceBlock = blocks[ 0 ];
-	const blockType = getBlockType( sourceBlock.name );
+	const blockType = await loadBlockType( sourceBlock.name );
 	const transformsTo = blockType
-		? getBlockTransforms( 'to', blockType.name )
+		? await getBlockTransforms( 'to', blockType.name )
 		: [];
 
 	// filter all 'to' transforms to find those that are possible.
-	const possibleTransforms = transformsTo.filter( ( transform ) => {
-		return (
-			transform && isPossibleTransformForSource( transform, 'to', blocks )
-		);
-	} );
+	const possibleTransforms = transformsTo.filter( ( transform ) =>
+		isPossibleTransformForSource( transform, 'to', blocks )
+	);
 
 	// Build a list of block names using the possible 'to' transforms.
-	const blockNames = possibleTransforms
-		.map( ( transformation ) => transformation.blocks )
-		.flat();
+	const blockNames = possibleTransforms.flatMap(
+		( transformation ) => transformation.blocks
+	);
 
 	// Map block names to block types.
 	return blockNames.map( getBlockType );
@@ -316,22 +308,36 @@ export const isContainerGroupBlock = ( name ) =>
  *
  * @return {Array} Block types that the blocks argument can be transformed to.
  */
-export function getPossibleBlockTransformations( blocks ) {
+export async function getPossibleBlockTransformations( blocks ) {
 	if ( ! blocks.length ) {
 		return [];
 	}
 
 	const blockTypesForFromTransforms =
-		getBlockTypesForPossibleFromTransforms( blocks );
+		await getBlockTypesForPossibleFromTransforms( blocks );
 	const blockTypesForToTransforms =
-		getBlockTypesForPossibleToTransforms( blocks );
+		await getBlockTypesForPossibleToTransforms( blocks );
 
-	return [
-		...new Set( [
+	return Array.from(
+		new Set( [
 			...blockTypesForFromTransforms,
 			...blockTypesForToTransforms,
-		] ),
-	];
+		] )
+	);
+}
+
+export async function getTransformItemsForBlocks( items, blocks ) {
+	const normalizedBlocks = Array.isArray( blocks ) ? blocks : [ blocks ];
+	const possibleTransforms = (
+		await getPossibleBlockTransformations( normalizedBlocks )
+	).reduce( ( accumulator, block ) => {
+		if ( items[ block?.name ] ) {
+			accumulator.push( items[ block.name ] );
+		}
+		return accumulator;
+	}, [] );
+
+	return possibleTransforms;
 }
 
 /**
@@ -378,12 +384,16 @@ export function findTransform( transforms, predicate ) {
  *
  * @return {Array} Block transforms for direction.
  */
-export function getBlockTransforms( direction, blockTypeOrName ) {
+export async function getBlockTransforms( direction, blockTypeOrName ) {
 	// When retrieving transforms for all block types, recurse into self.
 	if ( blockTypeOrName === undefined ) {
-		return getBlockTypes()
-			.map( ( { name } ) => getBlockTransforms( direction, name ) )
-			.flat();
+		const blockTypes = await loadBlockTypes();
+		const blockTransforms = await Promise.all(
+			blockTypes.map( ( { name } ) =>
+				getBlockTransforms( direction, name )
+			)
+		);
+		return blockTransforms.flat();
 	}
 
 	// Validate that block type exists and has array of direction.
@@ -455,7 +465,7 @@ function maybeCheckTransformIsMatch( transform, blocks ) {
  *
  * @return {?Array} Array of blocks or null.
  */
-export function switchToBlockType( blocks, name ) {
+export async function switchToBlockType( blocks, name ) {
 	const blocksArray = Array.isArray( blocks ) ? blocks : [ blocks ];
 	const isMultiBlock = blocksArray.length > 1;
 	const firstBlock = blocksArray[ 0 ];
@@ -463,8 +473,8 @@ export function switchToBlockType( blocks, name ) {
 
 	// Find the right transformation by giving priority to the "to"
 	// transformation.
-	const transformationsFrom = getBlockTransforms( 'from', name );
-	const transformationsTo = getBlockTransforms( 'to', sourceName );
+	const transformationsFrom = await getBlockTransforms( 'from', name );
+	const transformationsTo = await getBlockTransforms( 'to', sourceName );
 
 	const transformation =
 		findTransform(
@@ -581,13 +591,13 @@ export function switchToBlockType( blocks, name ) {
  */
 export const getBlockFromExample = ( name, example ) => {
 	try {
-		return createBlock(
-			name,
-			example.attributes,
-			( example.innerBlocks ?? [] ).map( ( innerBlock ) =>
+		let innerBlocks = [];
+		if ( example.innerBlocks ) {
+			innerBlocks = example.innerBlocks.map( ( innerBlock ) =>
 				getBlockFromExample( innerBlock.name, innerBlock )
-			)
-		);
+			);
+		}
+		return createBlock( name, example.attributes, innerBlocks );
 	} catch {
 		return createBlock( 'core/missing', {
 			originalName: name,
diff --git a/packages/blocks/src/api/index.js b/packages/blocks/src/api/index.js
index 2ddeb3a60f0ab..c96c2dc389612 100644
--- a/packages/blocks/src/api/index.js
+++ b/packages/blocks/src/api/index.js
@@ -14,6 +14,7 @@ export {
 	getBlockTransforms,
 	findTransform,
 	getBlockFromExample,
+	getTransformItemsForBlocks,
 } from './factory';
 
 // The block tree is composed of a collection of block nodes. Blocks contained
@@ -125,6 +126,8 @@ export {
 	getBlockSupport,
 	hasBlockSupport,
 	getBlockVariations,
+	getBootstrappedBlockType,
+	getBootstrappedBlockTypes,
 	isReusableBlock,
 	isTemplatePart,
 	getChildBlockNames,
diff --git a/packages/blocks/src/api/parser/index.js b/packages/blocks/src/api/parser/index.js
index f8ff0c68964dc..ca4859d133ddc 100644
--- a/packages/blocks/src/api/parser/index.js
+++ b/packages/blocks/src/api/parser/index.js
@@ -10,7 +10,7 @@ import { autop } from '@wordpress/autop';
 import {
 	getFreeformContentHandlerName,
 	getUnregisteredTypeHandlerName,
-	getBlockType,
+	loadBlockType,
 } from '../registration';
 import { getSaveContent } from '../serializer';
 import { validateBlock } from '../validation';
@@ -193,7 +193,7 @@ function applyBlockValidation( unvalidatedBlock, blockType ) {
  *
  * @return {WPBlock | undefined} Fully parsed block.
  */
-export function parseRawBlock( rawBlock, options ) {
+export async function parseRawBlock( rawBlock, options ) {
 	let normalizedBlock = normalizeRawBlock( rawBlock, options );
 
 	// During the lifecycle of the project, we renamed some old blocks
@@ -202,12 +202,12 @@ export function parseRawBlock( rawBlock, options ) {
 	normalizedBlock = convertLegacyBlocks( normalizedBlock );
 
 	// Try finding the type for known block name.
-	let blockType = getBlockType( normalizedBlock.blockName );
+	let blockType = await loadBlockType( normalizedBlock.blockName );
 
 	// If not blockType is found for the specified name, fallback to the "unregistedBlockType".
 	if ( ! blockType ) {
 		normalizedBlock = createMissingBlockType( normalizedBlock );
-		blockType = getBlockType( normalizedBlock.blockName );
+		blockType = await loadBlockType( normalizedBlock.blockName );
 	}
 
 	// If it's an empty freeform block or there's no blockType (no missing block handler)
@@ -223,8 +223,13 @@ export function parseRawBlock( rawBlock, options ) {
 	}
 
 	// Parse inner blocks recursively.
-	const parsedInnerBlocks = normalizedBlock.innerBlocks
-		.map( ( innerBlock ) => parseRawBlock( innerBlock, options ) )
+	const parsedInnerBlocks = (
+		await Promise.all(
+			normalizedBlock.innerBlocks.map( ( innerBlock ) =>
+				parseRawBlock( innerBlock, options )
+			)
+		)
+	 )
 		// See https://github.com/WordPress/gutenberg/pull/17164.
 		.filter( ( innerBlock ) => !! innerBlock );
 
@@ -307,12 +312,13 @@ export function parseRawBlock( rawBlock, options ) {
  *
  * @return {Array} Block list.
  */
-export default function parse( content, options ) {
-	return grammarParse( content ).reduce( ( accumulator, rawBlock ) => {
-		const block = parseRawBlock( rawBlock, options );
+export default async function parse( content, options ) {
+	const blocks = [];
+	for ( const rawBlock of grammarParse( content ) ) {
+		const block = await parseRawBlock( rawBlock, options );
 		if ( block ) {
-			accumulator.push( block );
+			blocks.push( block );
 		}
-		return accumulator;
-	}, [] );
+	}
+	return blocks;
 }
diff --git a/packages/blocks/src/api/raw-handling/get-raw-transforms.js b/packages/blocks/src/api/raw-handling/get-raw-transforms.js
index 060c72d00f847..32d3009baea1c 100644
--- a/packages/blocks/src/api/raw-handling/get-raw-transforms.js
+++ b/packages/blocks/src/api/raw-handling/get-raw-transforms.js
@@ -3,8 +3,9 @@
  */
 import { getBlockTransforms } from '../factory';
 
-export function getRawTransforms() {
-	return getBlockTransforms( 'from' )
+export async function getRawTransforms() {
+	const transforms = await getBlockTransforms( 'from' );
+	return transforms
 		.filter( ( { type } ) => type === 'raw' )
 		.map( ( transform ) => {
 			return transform.isMatch
diff --git a/packages/blocks/src/api/raw-handling/index.js b/packages/blocks/src/api/raw-handling/index.js
index afd68a4a9e1e7..a8a80e9271402 100644
--- a/packages/blocks/src/api/raw-handling/index.js
+++ b/packages/blocks/src/api/raw-handling/index.js
@@ -35,7 +35,7 @@ export function deprecatedGetPhrasingContentSchema( context ) {
  *
  * @return {Array} A list of blocks.
  */
-export function rawHandler( { HTML = '' } ) {
+export async function rawHandler( { HTML = '' } ) {
 	// If we detect block delimiters, parse entirely as blocks.
 	if ( HTML.indexOf( '<!-- wp:' ) !== -1 ) {
 		return parse( HTML );
@@ -43,7 +43,7 @@ export function rawHandler( { HTML = '' } ) {
 
 	// An array of HTML strings and block objects. The blocks replace matched
 	// shortcodes.
-	const pieces = shortcodeConverter( HTML );
+	const pieces = await shortcodeConverter( HTML );
 	const blockContentSchema = getBlockContentSchema();
 
 	return pieces
diff --git a/packages/blocks/src/api/raw-handling/paste-handler.js b/packages/blocks/src/api/raw-handling/paste-handler.js
index d0bf3e05979c6..e80472e036b5c 100644
--- a/packages/blocks/src/api/raw-handling/paste-handler.js
+++ b/packages/blocks/src/api/raw-handling/paste-handler.js
@@ -76,7 +76,7 @@ function filterInlineHTML( HTML ) {
  *
  * @return {Array|string} A list of blocks or a string, depending on `handlerMode`.
  */
-export function pasteHandler( {
+export async function pasteHandler( {
 	HTML = '',
 	plainText = '',
 	mode = 'AUTO',
@@ -100,7 +100,7 @@ export function pasteHandler( {
 		const content = HTML ? HTML : plainText;
 
 		if ( content.indexOf( '<!-- wp:' ) !== -1 ) {
-			return parse( content );
+			return await parse( content );
 		}
 	}
 
@@ -135,7 +135,7 @@ export function pasteHandler( {
 
 	// An array of HTML strings and block objects. The blocks replace matched
 	// shortcodes.
-	const pieces = shortcodeConverter( HTML );
+	const pieces = await shortcodeConverter( HTML );
 
 	// The call to shortcodeConverter will always return more than one element
 	// if shortcodes are matched. The reason is when shortcodes are matched
diff --git a/packages/blocks/src/api/raw-handling/shortcode-converter.js b/packages/blocks/src/api/raw-handling/shortcode-converter.js
index 3434717553a98..bff65cced76bf 100644
--- a/packages/blocks/src/api/raw-handling/shortcode-converter.js
+++ b/packages/blocks/src/api/raw-handling/shortcode-converter.js
@@ -14,19 +14,19 @@ import { applyBuiltInValidationFixes } from '../parser/apply-built-in-validation
 const castArray = ( maybeArray ) =>
 	Array.isArray( maybeArray ) ? maybeArray : [ maybeArray ];
 
-function segmentHTMLToShortcodeBlock(
+async function segmentHTMLToShortcodeBlock(
 	HTML,
 	lastIndex = 0,
 	excludedBlockNames = []
 ) {
 	// Get all matches.
-	const transformsFrom = getBlockTransforms( 'from' );
+	const transformsFrom = await getBlockTransforms( 'from' );
 
 	const transformation = findTransform(
 		transformsFrom,
 		( transform ) =>
-			excludedBlockNames.indexOf( transform.blockName ) === -1 &&
 			transform.type === 'shortcode' &&
+			! excludedBlockNames.includes( transform.blockName ) &&
 			castArray( transform.tag ).some( ( tag ) =>
 				regexp( tag ).test( HTML )
 			)
@@ -60,7 +60,7 @@ function segmentHTMLToShortcodeBlock(
 				/^\s*(\n|<\/p>)/.test( afterHTML )
 			)
 		) {
-			return segmentHTMLToShortcodeBlock( HTML, lastIndex );
+			return await segmentHTMLToShortcodeBlock( HTML, lastIndex );
 		}
 
 		// If a transformation's `isMatch` predicate fails for the inbound
@@ -75,7 +75,7 @@ function segmentHTMLToShortcodeBlock(
 			transformation.isMatch &&
 			! transformation.isMatch( match.shortcode.attrs )
 		) {
-			return segmentHTMLToShortcodeBlock( HTML, previousIndex, [
+			return await segmentHTMLToShortcodeBlock( HTML, previousIndex, [
 				...excludedBlockNames,
 				transformation.blockName,
 			] );
@@ -143,9 +143,9 @@ function segmentHTMLToShortcodeBlock(
 		}
 
 		return [
-			...segmentHTMLToShortcodeBlock( beforeHTML ),
+			...( await segmentHTMLToShortcodeBlock( beforeHTML ) ),
 			...blocks,
-			...segmentHTMLToShortcodeBlock( afterHTML ),
+			...( await segmentHTMLToShortcodeBlock( afterHTML ) ),
 		];
 	}
 
diff --git a/packages/blocks/src/api/registration.js b/packages/blocks/src/api/registration.js
index b1dbee47b9b7c..6659ef6a34247 100644
--- a/packages/blocks/src/api/registration.js
+++ b/packages/blocks/src/api/registration.js
@@ -3,7 +3,7 @@
 /**
  * WordPress dependencies
  */
-import { select, dispatch } from '@wordpress/data';
+import { select, resolveSelect, dispatch } from '@wordpress/data';
 import { _x } from '@wordpress/i18n';
 
 /**
@@ -234,20 +234,16 @@ export function registerBlockType( blockNameOrMetadata, settings ) {
 		);
 		return;
 	}
-	if ( select( blocksStore ).getBlockType( name ) ) {
-		console.error( 'Block "' + name + '" is already registered.' );
-		return;
-	}
 
 	const { addBootstrappedBlockType, addUnprocessedBlockType } = unlock(
 		dispatch( blocksStore )
 	);
 
-	if ( isObject( blockNameOrMetadata ) ) {
-		const metadata = getBlockSettingsFromMetadata( blockNameOrMetadata );
-		addBootstrappedBlockType( name, metadata );
-	}
+	const metadata = isObject( blockNameOrMetadata )
+		? getBlockSettingsFromMetadata( blockNameOrMetadata )
+		: getBlockSettingsFromMetadata( settings );
 
+	addBootstrappedBlockType( name, metadata );
 	addUnprocessedBlockType( name, settings );
 
 	return select( blocksStore ).getBlockType( name );
@@ -501,9 +497,16 @@ export function getDefaultBlockName() {
  * @return {?Object} Block type.
  */
 export function getBlockType( name ) {
-	return select( blocksStore )?.getBlockType( name );
+	return select( blocksStore ).getBlockType( name );
+}
+
+export function getBootstrappedBlockType( name ) {
+	return select( blocksStore ).getBootstrappedBlockType( name );
 }
 
+export function loadBlockType( name ) {
+	return resolveSelect( blocksStore ).getBlockType( name );
+}
 /**
  * Returns all registered blocks.
  *
@@ -513,6 +516,17 @@ export function getBlockTypes() {
 	return select( blocksStore ).getBlockTypes();
 }
 
+export function getBootstrappedBlockTypes() {
+	return select( blocksStore ).getBootstrappedBlockTypes();
+}
+
+export async function loadBlockTypes() {
+	await Promise.all(
+		getBootstrappedBlockTypes().map( ( { name } ) => loadBlockType( name ) )
+	);
+	return getBlockTypes();
+}
+
 /**
  * Returns the block support value for a feature, if defined.
  *
diff --git a/packages/blocks/src/api/utils.js b/packages/blocks/src/api/utils.js
index 60a94117b36e2..ffc9b9020b11e 100644
--- a/packages/blocks/src/api/utils.js
+++ b/packages/blocks/src/api/utils.js
@@ -17,7 +17,11 @@ import { RichTextData } from '@wordpress/rich-text';
  * Internal dependencies
  */
 import { BLOCK_ICON_DEFAULT } from './constants';
-import { getBlockType, getDefaultBlockName } from './registration';
+import {
+	getBlockType,
+	getBootstrappedBlockType,
+	getDefaultBlockName,
+} from './registration';
 import { createBlock } from './factory';
 
 extend( [ namesPlugin, a11yPlugin ] );
@@ -46,13 +50,13 @@ export function isUnmodifiedBlock( block ) {
 	}
 
 	const newBlock = isUnmodifiedBlock[ block.name ];
-	const blockType = getBlockType( block.name );
+	const blockType = getBootstrappedBlockType( block.name );
 
 	function isEqual( a, b ) {
 		return ( a?.valueOf() ?? a ) === ( b?.valueOf() ?? b );
 	}
 
-	return Object.keys( blockType?.attributes ?? {} ).every( ( key ) =>
+	return Object.keys( blockType.attributes ?? {} ).every( ( key ) =>
 		isEqual( newBlock.attributes[ key ], block.attributes[ key ] )
 	);
 }
@@ -268,7 +272,7 @@ export function getDefault( attributeSchema ) {
  */
 export function __experimentalSanitizeBlockAttributes( name, attributes ) {
 	// Get the type definition associated with a registered block.
-	const blockType = getBlockType( name );
+	const blockType = getBootstrappedBlockType( name );
 
 	if ( undefined === blockType ) {
 		throw new Error( `Block type '${ name }' is not registered.` );
diff --git a/packages/blocks/src/store/index.js b/packages/blocks/src/store/index.js
index ffda3ffe00026..97610167c127e 100644
--- a/packages/blocks/src/store/index.js
+++ b/packages/blocks/src/store/index.js
@@ -11,6 +11,7 @@ import * as selectors from './selectors';
 import * as privateSelectors from './private-selectors';
 import * as actions from './actions';
 import * as privateActions from './private-actions';
+import * as resolvers from './resolvers';
 import { STORE_NAME } from './constants';
 import { unlock } from '../lock-unlock';
 
@@ -25,6 +26,7 @@ export const store = createReduxStore( STORE_NAME, {
 	reducer,
 	selectors,
 	actions,
+	resolvers,
 } );
 
 register( store );
diff --git a/packages/blocks/src/store/private-selectors.js b/packages/blocks/src/store/private-selectors.js
index 7e4311658c869..82e97ad55e713 100644
--- a/packages/blocks/src/store/private-selectors.js
+++ b/packages/blocks/src/store/private-selectors.js
@@ -153,18 +153,6 @@ export const getSupportedStyles = createSelector(
 	( state, name ) => [ state.blockTypes[ name ] ]
 );
 
-/**
- * Returns the bootstrapped block type metadata for a give block name.
- *
- * @param {Object} state Data state.
- * @param {string} name  Block name.
- *
- * @return {Object} Bootstrapped block type metadata for a block.
- */
-export function getBootstrappedBlockType( state, name ) {
-	return state.bootstrappedBlockTypes[ name ];
-}
-
 /**
  * Returns all the unprocessed (before applying the `registerBlockType` filter)
  * block type settings as passed during block registration.
diff --git a/packages/blocks/src/store/resolvers.js b/packages/blocks/src/store/resolvers.js
new file mode 100644
index 0000000000000..a5fd486b7c4e0
--- /dev/null
+++ b/packages/blocks/src/store/resolvers.js
@@ -0,0 +1,46 @@
+function loaderElement( type, src ) {
+	if ( type === 'script' ) {
+		const script = document.createElement( 'script' );
+		script.src = src;
+		return script;
+	}
+
+	if ( type === 'style' ) {
+		const link = document.createElement( 'link' );
+		link.rel = 'stylesheet';
+		link.type = 'text/css';
+		link.href = src;
+		return link;
+	}
+
+	return null;
+}
+
+export const getBlockType = ( name ) => async () => {
+	const mods = window.wp.importmap[ name ];
+	if ( ! mods ) {
+		return;
+	}
+
+	await Promise.all(
+		mods
+			.filter( ( mod ) => mod.src )
+			.map(
+				( mod ) =>
+					new Promise( ( resolve, reject ) => {
+						const node = loaderElement( mod.type, mod.src );
+						node.onload = () => {
+							resolve();
+						};
+						node.onerror = () => {
+							reject(
+								new Error(
+									`Failed to load ${ mod.type } ${ name } ${ mod.handle } ${ mod.src }`
+								)
+							);
+						};
+						document.body.appendChild( node );
+					} )
+			)
+	);
+};
diff --git a/packages/blocks/src/store/selectors.js b/packages/blocks/src/store/selectors.js
index b2b8ab8106f09..5018b8be2743c 100644
--- a/packages/blocks/src/store/selectors.js
+++ b/packages/blocks/src/store/selectors.js
@@ -29,7 +29,7 @@ import { getValueFromObjectPath } from './utils';
  */
 const getNormalizedBlockType = ( state, nameOrType ) =>
 	'string' === typeof nameOrType
-		? getBlockType( state, nameOrType )
+		? getBootstrappedBlockType( state, nameOrType )
 		: nameOrType;
 
 /**
@@ -65,6 +65,15 @@ export const getBlockTypes = createSelector(
 	( state ) => [ state.blockTypes ]
 );
 
+export const getBootstrappedBlockTypes = createSelector(
+	( state ) => Object.values( state.bootstrappedBlockTypes ),
+	( state ) => [ state.bootstrappedBlockTypes ]
+);
+
+export const getBootstrappedBlockType = ( state, name ) => {
+	return state.bootstrappedBlockTypes[ name ];
+};
+
 /**
  * Returns a block type by name.
  *
@@ -301,11 +310,7 @@ export function getActiveBlockVariation( state, blockName, attributes, scope ) {
 export function getDefaultBlockVariation( state, blockName, scope ) {
 	const variations = getBlockVariations( state, blockName, scope );
 
-	const defaultVariation = [ ...variations ]
-		.reverse()
-		.find( ( { isDefault } ) => !! isDefault );
-
-	return defaultVariation || variations[ 0 ];
+	return variations.findLast( ( v, i ) => v.isDefault || i === 0 );
 }
 
 /**
diff --git a/packages/components/src/autocomplete/index.tsx b/packages/components/src/autocomplete/index.tsx
index b76e8548c08f2..abfa674f7f210 100644
--- a/packages/components/src/autocomplete/index.tsx
+++ b/packages/components/src/autocomplete/index.tsx
@@ -108,7 +108,7 @@ export function useAutocomplete( {
 		onChange( insert( record, toInsert, start, end ) );
 	}
 
-	function select( option: KeyedOption ) {
+	async function select( option: KeyedOption ) {
 		const { getOptionCompletion } = autocompleter || {};
 
 		if ( option.isDisabled ) {
@@ -116,7 +116,10 @@ export function useAutocomplete( {
 		}
 
 		if ( getOptionCompletion ) {
-			const completion = getOptionCompletion( option.value, filterValue );
+			const completion = await getOptionCompletion(
+				option.value,
+				filterValue
+			);
 
 			const isCompletionObject = (
 				obj: OptionCompletion
diff --git a/packages/core-data/src/entity-provider.js b/packages/core-data/src/entity-provider.js
index 4b82b62e318bc..372c6e8789bb5 100644
--- a/packages/core-data/src/entity-provider.js
+++ b/packages/core-data/src/entity-provider.js
@@ -5,7 +5,8 @@ import {
 	createContext,
 	useContext,
 	useCallback,
-	useMemo,
+	useState,
+	useEffect,
 } from '@wordpress/element';
 import { useSelect, useDispatch } from '@wordpress/data';
 import { parse, __unstableSerializeAndClean } from '@wordpress/blocks';
@@ -171,19 +172,30 @@ export function useEntityBlockEditor( kind, name, { id: _id } = {} ) {
 	const { __unstableCreateUndoLevel, editEntityRecord } =
 		useDispatch( STORE_NAME );
 
-	const blocks = useMemo( () => {
-		if ( ! id ) {
-			return undefined;
-		}
+	const [ blocks, setBlocks ] = useState( EMPTY_ARRAY );
+	useEffect( () => {
+		let mounted = true;
 
 		if ( editedBlocks ) {
-			return editedBlocks;
+			setBlocks( editedBlocks );
 		}
 
-		return content && typeof content !== 'function'
-			? parse( content )
-			: EMPTY_ARRAY;
-	}, [ id, editedBlocks, content ] );
+		// Load the blocks from the content if not already in state
+		// Guard against other instances that might have
+		// set content to a function already or the blocks are already in state.
+		if ( content && typeof content !== 'function' ) {
+			parse( content ).then( ( parsedBlocks ) => {
+				// Don't set if another `editedBlocks` or `content` value arrived during parsing.
+				if ( mounted ) {
+					setBlocks( parsedBlocks );
+				}
+			} );
+		}
+
+		return () => {
+			mounted = false;
+		};
+	}, [ editedBlocks, content ] );
 
 	const updateFootnotes = useCallback(
 		( _blocks ) => updateFootnotesFromMeta( _blocks, meta ),
diff --git a/packages/e2e-test-utils-playwright/src/editor/transform-block-to.ts b/packages/e2e-test-utils-playwright/src/editor/transform-block-to.ts
index 75102983069d4..b1a6c1126ed47 100644
--- a/packages/e2e-test-utils-playwright/src/editor/transform-block-to.ts
+++ b/packages/e2e-test-utils-playwright/src/editor/transform-block-to.ts
@@ -15,7 +15,7 @@ export async function transformBlockTo( this: Editor, name: string ) {
 	);
 
 	await this.page.evaluate(
-		( [ blockName ] ) => {
+		async ( [ blockName ] ) => {
 			const clientIds = window.wp.data
 				.select( 'core/block-editor' )
 				.getSelectedBlockClientIds();
@@ -26,7 +26,10 @@ export async function transformBlockTo( this: Editor, name: string ) {
 				.dispatch( 'core/block-editor' )
 				.replaceBlocks(
 					clientIds,
-					window.wp.blocks.switchToBlockType( blocks, blockName )
+					await window.wp.blocks.switchToBlockType(
+						blocks,
+						blockName
+					)
 				);
 		},
 		[ name ]
diff --git a/packages/e2e-tests/specs/editor/various/inserting-blocks.test.js b/packages/e2e-tests/specs/editor/various/inserting-blocks.test.js
index 4285a410f891e..b54147aafd742 100644
--- a/packages/e2e-tests/specs/editor/various/inserting-blocks.test.js
+++ b/packages/e2e-tests/specs/editor/various/inserting-blocks.test.js
@@ -159,6 +159,9 @@ describe( 'Inserting blocks', () => {
 
 	it( 'should insert block with the slash inserter when using multiple words', async () => {
 		await page.keyboard.press( 'Enter' );
+		await canvas().waitForSelector(
+			'[data-type="core/paragraph"][data-empty="true"'
+		);
 		await page.keyboard.type( '/tag cloud' );
 		await page.waitForXPath(
 			`//*[contains(@class, "components-autocomplete__result") and contains(@class, "is-selected") and contains(text(), 'Tag Cloud')]`
diff --git a/packages/edit-post/src/components/start-page-options/index.js b/packages/edit-post/src/components/start-page-options/index.js
index 0ef3e166e8ee1..872594a260f33 100644
--- a/packages/edit-post/src/components/start-page-options/index.js
+++ b/packages/edit-post/src/components/start-page-options/index.js
@@ -21,28 +21,35 @@ function useStartPatterns() {
 	// A pattern is a start pattern if it includes 'core/post-content' in its blockTypes,
 	// and it has no postTypes declared and the current post type is page or if
 	// the current post type is part of the postTypes declared.
-	const { blockPatternsWithPostContentBlockType, postType } = useSelect(
-		( select ) => {
-			const { getPatternsByBlockTypes } = select( blockEditorStore );
-			const { getCurrentPostType } = select( editorStore );
-			return {
-				blockPatternsWithPostContentBlockType:
-					getPatternsByBlockTypes( 'core/post-content' ),
-				postType: getCurrentPostType(),
-			};
-		},
+	const [ blockPatternsWithPostContentBlockType ] = useSelect(
+		( select ) => [
+			select( blockEditorStore ).getPatternsByBlockTypes(
+				'core/post-content'
+			),
+		],
+		[]
+	);
+
+	const [ postType ] = useSelect(
+		( select ) => [ select( editorStore ).getCurrentPostType() ],
 		[]
 	);
 
 	return useMemo( () => {
+		if ( ! blockPatternsWithPostContentBlockType ) {
+			return null;
+		}
+
 		// filter patterns without postTypes declared if the current postType is page
 		// or patterns that declare the current postType in its post type array.
 		return blockPatternsWithPostContentBlockType.filter( ( pattern ) => {
-			return (
-				( postType === 'page' && ! pattern.postTypes ) ||
-				( Array.isArray( pattern.postTypes ) &&
-					pattern.postTypes.includes( postType ) )
-			);
+			if ( ! pattern.postTypes ) {
+				return postType === 'page';
+			}
+			if ( Array.isArray( pattern.postTypes ) ) {
+				return pattern.postTypes.includes( postType );
+			}
+			return false;
 		} );
 	}, [ postType, blockPatternsWithPostContentBlockType ] );
 }
diff --git a/packages/edit-post/src/editor.js b/packages/edit-post/src/editor.js
index 0abf3328635a8..505c3a490093f 100644
--- a/packages/edit-post/src/editor.js
+++ b/packages/edit-post/src/editor.js
@@ -50,7 +50,7 @@ function Editor( { postId, postType, settings, initialEdits, ...props } ) {
 			const { getEntityRecord, getPostType, getEntityRecords, canUser } =
 				select( coreStore );
 			const { getEditorSettings } = select( editorStore );
-			const { getBlockTypes } = select( blocksStore );
+			const { getBootstrappedBlockTypes } = select( blocksStore );
 			const isTemplate = [ 'wp_template', 'wp_template_part' ].includes(
 				postType
 			);
@@ -80,7 +80,7 @@ function Editor( { postId, postType, settings, initialEdits, ...props } ) {
 					'preferredStyleVariations'
 				),
 				hiddenBlockTypes: getHiddenBlockTypes(),
-				blockTypes: getBlockTypes(),
+				blockTypes: getBootstrappedBlockTypes(),
 				keepCaretInsideBlock: isFeatureActive( 'keepCaretInsideBlock' ),
 				template:
 					supportsTemplateMode && isViewable && canEditTemplate
diff --git a/packages/edit-post/src/index.js b/packages/edit-post/src/index.js
index 64ddf1d9fb08b..5d1c3fd1631ba 100644
--- a/packages/edit-post/src/index.js
+++ b/packages/edit-post/src/index.js
@@ -1,20 +1,18 @@
 /**
  * WordPress dependencies
  */
-import { store as blocksStore } from '@wordpress/blocks';
 import {
-	registerCoreBlocks,
-	__experimentalRegisterExperimentalCoreBlocks,
-} from '@wordpress/block-library';
+	store as blocksStore,
+	setDefaultBlockName,
+	setFreeformContentHandlerName,
+	setUnregisteredTypeHandlerName,
+	setGroupingBlockName,
+} from '@wordpress/blocks';
 import deprecated from '@wordpress/deprecated';
 import { createRoot } from '@wordpress/element';
 import { dispatch, select } from '@wordpress/data';
 import { addFilter } from '@wordpress/hooks';
 import { store as preferencesStore } from '@wordpress/preferences';
-import {
-	registerLegacyWidgetBlock,
-	registerWidgetGroupBlock,
-} from '@wordpress/widgets';
 import { store as editorStore } from '@wordpress/editor';
 
 /**
@@ -74,14 +72,12 @@ export function initializeEditor(
 		dispatch( editPostStore ).setIsListViewOpened( true );
 	}
 
-	registerCoreBlocks();
-	registerLegacyWidgetBlock( { inserter: false } );
-	registerWidgetGroupBlock( { inserter: false } );
-	if ( process.env.IS_GUTENBERG_PLUGIN ) {
-		__experimentalRegisterExperimentalCoreBlocks( {
-			enableFSEBlocks: settings.__unstableEnableFullSiteEditingBlocks,
-		} );
+	setDefaultBlockName( 'core/paragraph' );
+	if ( window.wp && window.wp.oldEditor ) {
+		setFreeformContentHandlerName( 'core/freeform' );
 	}
+	setUnregisteredTypeHandlerName( 'core/missing' );
+	setGroupingBlockName( 'core/group' );
 
 	/*
 	 * Prevent adding template part in the post editor.
diff --git a/packages/edit-site/src/components/style-book/index.js b/packages/edit-site/src/components/style-book/index.js
index 19508f0a59f8e..8274c44323f89 100644
--- a/packages/edit-site/src/components/style-book/index.js
+++ b/packages/edit-site/src/components/style-book/index.js
@@ -14,7 +14,7 @@ import {
 import { __, sprintf } from '@wordpress/i18n';
 import {
 	getCategories,
-	getBlockTypes,
+	getBootstrappedBlockTypes,
 	getBlockFromExample,
 	createBlock,
 } from '@wordpress/blocks';
@@ -149,7 +149,7 @@ function getExamples() {
 		],
 	};
 
-	const otherExamples = getBlockTypes()
+	const otherExamples = getBootstrappedBlockTypes()
 		.filter( ( blockType ) => {
 			const { name, example, supports } = blockType;
 			return (
diff --git a/packages/edit-site/src/store/actions.js b/packages/edit-site/src/store/actions.js
index 6397a31af120b..41564e57fdbf2 100644
--- a/packages/edit-site/src/store/actions.js
+++ b/packages/edit-site/src/store/actions.js
@@ -116,7 +116,7 @@ export const addTemplate =
 					'postType',
 					TEMPLATE_POST_TYPE,
 					newTemplate.id,
-					{ blocks: parse( template.content ) },
+					{ blocks: await parse( template.content ) },
 					{ undoIgnore: true }
 				);
 		}
diff --git a/packages/editor/src/components/local-autosave-monitor/index.js b/packages/editor/src/components/local-autosave-monitor/index.js
index 185497710f35f..f21254a86ffb3 100644
--- a/packages/editor/src/components/local-autosave-monitor/index.js
+++ b/packages/editor/src/components/local-autosave-monitor/index.js
@@ -112,13 +112,13 @@ function useAutosaveNotice() {
 				actions: [
 					{
 						label: __( 'Restore the backup' ),
-						onClick() {
+						async onClick() {
 							const {
 								content: editsContent,
 								...editsWithoutContent
 							} = edits;
 							editPost( editsWithoutContent );
-							resetEditorBlocks( parse( edits.content ) );
+							resetEditorBlocks( await parse( edits.content ) );
 							removeNotice( id );
 						},
 					},
diff --git a/test/performance/fixtures/perf-utils.ts b/test/performance/fixtures/perf-utils.ts
index d17eec2c935b1..d6a02f072c25d 100644
--- a/test/performance/fixtures/perf-utils.ts
+++ b/test/performance/fixtures/perf-utils.ts
@@ -132,10 +132,10 @@ export class PerfUtils {
 			() => window?.wp?.blocks && window?.wp?.data
 		);
 
-		return await this.page.evaluate( ( html: string ) => {
+		return await this.page.evaluate( async ( html: string ) => {
 			const { parse } = window.wp.blocks;
 			const { dispatch } = window.wp.data;
-			const blocks = parse( html );
+			const blocks = await parse( html );
 
 			blocks.forEach( ( block: any ) => {
 				if ( block.name === 'core/image' ) {