diff --git a/packages/block-editor/src/components/list-view/appender.js b/packages/block-editor/src/components/list-view/appender.js
new file mode 100644
index 00000000000000..a006b91e860c20
--- /dev/null
+++ b/packages/block-editor/src/components/list-view/appender.js
@@ -0,0 +1,101 @@
+/**
+ * WordPress dependencies
+ */
+import { useInstanceId } from '@wordpress/compose';
+import { speak } from '@wordpress/a11y';
+import { useSelect } from '@wordpress/data';
+import { forwardRef, useState, useEffect } from '@wordpress/element';
+import { __, sprintf } from '@wordpress/i18n';
+
+/**
+ * Internal dependencies
+ */
+import { store as blockEditorStore } from '../../store';
+import useBlockDisplayTitle from '../block-title/use-block-display-title';
+import Inserter from '../inserter';
+
+export const Appender = forwardRef(
+ ( { nestingLevel, blockCount, clientId, ...props }, ref ) => {
+ const [ insertedBlock, setInsertedBlock ] = useState( null );
+
+ const instanceId = useInstanceId( Appender );
+ const { hideInserter } = useSelect(
+ ( select ) => {
+ const { getTemplateLock, __unstableGetEditorMode } =
+ select( blockEditorStore );
+
+ return {
+ hideInserter:
+ !! getTemplateLock( clientId ) ||
+ __unstableGetEditorMode() === 'zoom-out',
+ };
+ },
+ [ clientId ]
+ );
+
+ const blockTitle = useBlockDisplayTitle( {
+ clientId,
+ context: 'list-view',
+ } );
+
+ const insertedBlockTitle = useBlockDisplayTitle( {
+ clientId: insertedBlock?.clientId,
+ context: 'list-view',
+ } );
+
+ useEffect( () => {
+ if ( ! insertedBlockTitle?.length ) {
+ return;
+ }
+
+ speak(
+ sprintf(
+ // translators: %s: name of block being inserted (i.e. Paragraph, Image, Group etc)
+ __( '%s block inserted' ),
+ insertedBlockTitle
+ ),
+ 'assertive'
+ );
+ }, [ insertedBlockTitle ] );
+
+ if ( hideInserter ) {
+ return null;
+ }
+
+ const descriptionId = `list-view-appender__${ instanceId }`;
+ const description = sprintf(
+ /* translators: 1: The name of the block. 2: The numerical position of the block. 3: The level of nesting for the block. */
+ __( 'Append to %1$s block at position %2$d, Level %3$d' ),
+ blockTitle,
+ blockCount + 1,
+ nestingLevel
+ );
+
+ return (
+
+
{
+ if ( maybeInsertedBlock?.clientId ) {
+ setInsertedBlock( maybeInsertedBlock );
+ }
+ } }
+ />
+
+ { description }
+
+