diff --git a/docs/reference-guides/core-blocks.md b/docs/reference-guides/core-blocks.md
index 72281a53c3dd18..511d65f4149be2 100644
--- a/docs/reference-guides/core-blocks.md
+++ b/docs/reference-guides/core-blocks.md
@@ -887,6 +887,17 @@ Add white space between blocks and customize its height. ([Source](https://githu
 -	**Supports:** anchor, interactivity (clientNavigation), spacing (margin)
 -	**Attributes:** height, width
 
+## Tab
+
+Single tab within a tabs block. ([Source](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/tab))
+
+-	**Name:** core/tab
+-	**Experimental:** true
+-	**Category:** design
+-	**Parent:** core/tabs
+-	**Supports:** anchor, ~~html~~, ~~reusable~~
+-	**Attributes:** isActive, label, slug, tabIndex
+
 ## Table
 
 Create structured content in rows and columns to display information. ([Source](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/table))
@@ -906,6 +917,17 @@ Summarize your post with a list of headings. Add HTML anchors to Heading blocks
 -	**Supports:** color (background, gradients, link, text), interactivity (clientNavigation), spacing (margin, padding), typography (fontSize, lineHeight), ~~html~~
 -	**Attributes:** headings, onlyIncludeCurrentPage
 
+## Tabs
+
+Organize content into tabs. ([Source](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/tabs))
+
+-	**Name:** core/tabs
+-	**Experimental:** true
+-	**Category:** design
+-	**Allowed Blocks:** core/tab
+-	**Supports:** align (full, wide), color (text, ~~background~~), interactivity, spacing (margin, padding), ~~html~~
+-	**Attributes:** innerTabs
+
 ## Tag Cloud
 
 A cloud of popular keywords, each sized by how often it appears. ([Source](https://github.com/WordPress/gutenberg/tree/trunk/packages/block-library/src/tag-cloud))
diff --git a/lib/blocks.php b/lib/blocks.php
index c3fdb26700c58c..3f53eb8c4372fe 100644
--- a/lib/blocks.php
+++ b/lib/blocks.php
@@ -116,6 +116,8 @@ function gutenberg_reregister_core_block_types() {
 				'site-logo.php'                    => 'core/site-logo',
 				'site-tagline.php'                 => 'core/site-tagline',
 				'site-title.php'                   => 'core/site-title',
+				'tab.php'                          => 'core/tab',
+				'tabs.php'                         => 'core/tabs',
 				'tag-cloud.php'                    => 'core/tag-cloud',
 				'template-part.php'                => 'core/template-part',
 				'term-description.php'             => 'core/term-description',
diff --git a/packages/block-library/src/editor.scss b/packages/block-library/src/editor.scss
index 52f3aa64287fae..896f7fe4ab6720 100644
--- a/packages/block-library/src/editor.scss
+++ b/packages/block-library/src/editor.scss
@@ -44,6 +44,7 @@
 @import "./social-links/editor.scss";
 @import "./spacer/editor.scss";
 @import "./table/editor.scss";
+@import "./tabs/editor.scss";
 @import "./tag-cloud/editor.scss";
 @import "./template-part/editor.scss";
 @import "./text-columns/editor.scss";
diff --git a/packages/block-library/src/index.js b/packages/block-library/src/index.js
index 56365c87a268fd..2ebd1b0cb0ecc3 100644
--- a/packages/block-library/src/index.js
+++ b/packages/block-library/src/index.js
@@ -114,6 +114,8 @@ import * as socialLinks from './social-links';
 import * as spacer from './spacer';
 import * as table from './table';
 import * as tableOfContents from './table-of-contents';
+import * as tab from './tab';
+import * as tabs from './tabs';
 import * as tagCloud from './tag-cloud';
 import * as templatePart from './template-part';
 import * as termDescription from './term-description';
@@ -232,6 +234,12 @@ const getAllBlocks = () => {
 		queryTitle,
 		postAuthorBiography,
 	];
+
+	if ( window.__experimentalEnableBlockExperiments ) {
+		blocks.push( tab );
+		blocks.push( tabs );
+	}
+
 	if ( window?.__experimentalEnableFormBlocks ) {
 		blocks.push( form );
 		blocks.push( formInput );
diff --git a/packages/block-library/src/style.scss b/packages/block-library/src/style.scss
index 8f17cd7a50f55c..e4f029c084a003 100644
--- a/packages/block-library/src/style.scss
+++ b/packages/block-library/src/style.scss
@@ -53,9 +53,11 @@
 @import "./site-title/style.scss";
 @import "./social-links/style.scss";
 @import "./spacer/style.scss";
+@import "./tab/style.scss";
 @import "./tag-cloud/style.scss";
 @import "./table/style.scss";
 @import "./table-of-contents/style.scss";
+@import "./tabs/style.scss";
 @import "./term-description/style.scss";
 @import "./text-columns/style.scss";
 @import "./verse/style.scss";
diff --git a/packages/block-library/src/tab/block.json b/packages/block-library/src/tab/block.json
new file mode 100644
index 00000000000000..9234361b44c86d
--- /dev/null
+++ b/packages/block-library/src/tab/block.json
@@ -0,0 +1,34 @@
+{
+	"$schema": "https://schemas.wp.org/trunk/block.json",
+	"apiVersion": 3,
+	"name": "core/tab",
+	"title": "Tab",
+	"category": "design",
+	"description": "Single tab within a tabs block.",
+	"textdomain": "default",
+	"__experimental": true,
+	"attributes": {
+		"isActive": {
+			"type": "boolean",
+			"default": false
+		},
+		"label": {
+			"type": "string",
+			"default": ""
+		},
+		"slug": {
+			"type": "string",
+			"default": ""
+		},
+		"tabIndex": {
+			"type": "number"
+		}
+	},
+	"parent": [ "core/tabs" ],
+	"supports": {
+		"anchor": true,
+		"html": false,
+		"reusable": false
+	},
+	"style": "wp-block-tab"
+}
diff --git a/packages/block-library/src/tab/edit.js b/packages/block-library/src/tab/edit.js
new file mode 100644
index 00000000000000..0d86e5e9ae8015
--- /dev/null
+++ b/packages/block-library/src/tab/edit.js
@@ -0,0 +1,68 @@
+/**
+ * WordPress dependencies
+ */
+import {
+	InnerBlocks,
+	useBlockProps,
+	useInnerBlocksProps,
+	store as blockEditorStore,
+} from '@wordpress/block-editor';
+import { useSelect } from '@wordpress/data';
+import { useEffect } from '@wordpress/element';
+import { cleanForSlug } from '@wordpress/url';
+
+/**
+ * Generates a slug from a tab's text label.
+ *
+ * @param {string} label    Tab label RichText value.
+ * @param {number} tabIndex Tab index value.
+ *
+ * @return {string} The generated slug with HTML stripped out.
+ */
+function slugFromLabel( label, tabIndex ) {
+	// Get just the text content, filtering out any HTML tags from the RichText value.
+	const htmlDocument = new window.DOMParser().parseFromString(
+		label,
+		'text/html'
+	);
+	if ( htmlDocument.body?.textContent ) {
+		return cleanForSlug( htmlDocument.body.textContent );
+	}
+
+	// Fall back to using the tab index if the label is empty.
+	return 'tab-panel-' + tabIndex;
+}
+
+export default function Edit( { attributes, clientId, setAttributes } ) {
+	const { anchor, isActive, label, slug, tabIndex } = attributes;
+	// Use a custom anchor, if set. Otherwise fall back to the slug generated from the label text.
+	const tabPanelId = anchor || slug;
+	const tabLabelId = tabPanelId + '--tab';
+	const hasChildBlocks = useSelect(
+		( select ) =>
+			select( blockEditorStore ).getBlockOrder( clientId ).length > 0,
+		[ clientId ]
+	);
+
+	useEffect( () => {
+		if ( label ) {
+			setAttributes( { slug: slugFromLabel( label, tabIndex ) } );
+		}
+	}, [ label, setAttributes, tabIndex ] );
+
+	const blockProps = useBlockProps();
+	const innerBlocksProps = useInnerBlocksProps( blockProps, {
+		renderAppender: hasChildBlocks
+			? undefined
+			: InnerBlocks.ButtonBlockAppender,
+	} );
+	return (
+		<div
+			{ ...innerBlocksProps }
+			aria-labelledby={ tabLabelId }
+			hidden={ ! isActive }
+			id={ tabPanelId }
+			role="tabpanel"
+		/>
+	);
+}
diff --git a/packages/block-library/src/tab/icon.js b/packages/block-library/src/tab/icon.js
new file mode 100644
index 00000000000000..8ccdf6d3a4473e
--- /dev/null
+++ b/packages/block-library/src/tab/icon.js
@@ -0,0 +1,19 @@
+/**
+ * WordPress dependencies
+ */
+import { SVG, Path } from '@wordpress/components';
+
+export default (
+	<SVG
+		width="24"
+		height="24"
+		viewBox="0 0 24 24"
+		xmlns="http://www.w3.org/2000/svg"
+	>
+		<Path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M5.5498 10.3501V6.3501H9.8498V10.3501H11.3498V6.1001C11.3498 5.40974 10.7902 4.8501 10.0998 4.8501H5.2998C4.60945 4.8501 4.0498 5.40974 4.0498 6.1001V10.3501H5.5498ZM20 12.6001H4V14.1001L20 14.1001V12.6001ZM14 17.1001H4V18.6001H14V17.1001Z"
+		/>
+	</SVG>
+);
diff --git a/packages/block-library/src/tab/index.js b/packages/block-library/src/tab/index.js
new file mode 100644
index 00000000000000..c42afb84470d67
--- /dev/null
+++ b/packages/block-library/src/tab/index.js
@@ -0,0 +1,20 @@
+/**
+ * Internal dependencies
+ */
+import initBlock from '../utils/init-block';
+import metadata from './block.json';
+import edit from './edit';
+import save from './save';
+import icon from './icon';
+
+const { name } = metadata;
+
+export { metadata, name };
+
+export const settings = {
+	icon,
+	edit,
+	save,
+};
+
+export const init = () => initBlock( { name, metadata, settings } );
diff --git a/packages/block-library/src/tab/index.php b/packages/block-library/src/tab/index.php
new file mode 100644
index 00000000000000..004216ae125ed3
--- /dev/null
+++ b/packages/block-library/src/tab/index.php
@@ -0,0 +1,53 @@
+<?php
+/**
+ * Server-side rendering of the `core/tab` block.
+ *
+ * @package WordPress
+ */
+
+/**
+ * Renders the `core/tab` block on the server.
+ *
+ * @param array    $attributes The block attributes.
+ * @param string   $content    The block content.
+ * @param WP_Block $block      The block object.
+ *
+ * @return string The block content.
+ */
+function render_block_core_tab( $attributes, $content ) {
+	if ( ! $content ) {
+		return '';
+	}
+
+	// Modify markup to include interactivity API attributes.
+	$p = new WP_HTML_Tag_Processor( $content );
+
+	while ( $p->next_tag( array( 'class_name' => 'wp-block-tab' ) ) ) {
+		// Add role="tabpanel" to each tab panel.
+		$p->set_attribute( 'data-wp-bind--role', 'state.roleAttribute' );
+
+		// Hide all tab panels that are not currently selected.
+		$p->set_attribute( 'data-wp-bind--hidden', '!state.isActiveTab' );
+
+		// Add tabindex="0" to the selected tab panel, so it can be focused.
+		$p->set_attribute( 'data-wp-bind--tabindex', 'state.tabindexPanelAttribute' );
+
+		// Store the index of each tab panel for tracking the selected tab.
+		$p->set_attribute( 'data-tab-index', $attributes['tabIndex'] );
+	}
+
+	return $p->get_updated_html();
+}
+
+/**
+ * Registers the `core/tab` block on server.
+ */
+function register_block_core_tab() {
+	register_block_type_from_metadata(
+		__DIR__ . '/tab',
+		array(
+			'render_callback' => 'render_block_core_tab',
+		)
+	);
+}
+add_action( 'init', 'register_block_core_tab' );
diff --git a/packages/block-library/src/tab/init.js b/packages/block-library/src/tab/init.js
new file mode 100644
index 00000000000000..79f0492c2cb2f8
--- /dev/null
+++ b/packages/block-library/src/tab/init.js
@@ -0,0 +1,6 @@
+/**
+ * Internal dependencies
+ */
+import { init } from './';
+
+export default init();
diff --git a/packages/block-library/src/tab/save.js b/packages/block-library/src/tab/save.js
new file mode 100644
index 00000000000000..d631a48eeb5966
--- /dev/null
+++ b/packages/block-library/src/tab/save.js
@@ -0,0 +1,14 @@
+/**
+ * WordPress dependencies
+ */
+import { useBlockProps, useInnerBlocksProps } from '@wordpress/block-editor';
+
+export default function save( { attributes } ) {
+	const { anchor, slug } = attributes;
+	const tabPanelId = anchor || slug;
+
+	const blockProps = useBlockProps.save();
+	const innerBlocksProps = useInnerBlocksProps.save( blockProps );
+
+	return <section { ...innerBlocksProps } id={ tabPanelId } />;
+}
diff --git a/packages/block-library/src/tab/style.scss b/packages/block-library/src/tab/style.scss
new file mode 100644
index 00000000000000..1d92981230b173
--- /dev/null
+++ b/packages/block-library/src/tab/style.scss
@@ -0,0 +1,7 @@
+.wp-block-tab {
+	padding: 1em 0;
+
+	> *:first-child {
+		margin-top: 0;
+	}
+}
diff --git a/packages/block-library/src/tabs/block.json b/packages/block-library/src/tabs/block.json
new file mode 100644
index 00000000000000..c46e93afda3d92
--- /dev/null
+++ b/packages/block-library/src/tabs/block.json
@@ -0,0 +1,45 @@
+{
+	"$schema": "https://schemas.wp.org/trunk/block.json",
+	"apiVersion": 3,
+	"name": "core/tabs",
+	"title": "Tabs",
+	"category": "design",
+	"description": "Organize content into tabs.",
+	"textdomain": "default",
+	"__experimental": true,
+	"allowedBlocks": [ "core/tab" ],
+	"attributes": {
+		"innerTabs": {
+			"type": "array",
+			"default": [],
+			"source": "query",
+			"selector": ".wp-block-tabs__tab-label",
+			"query": {
+				"href": {
+					"type": "string",
+					"source": "attribute",
+					"attribute": "href"
+				},
+				"label": {
+					"type": "string",
+					"source": "html"
+				}
+			}
+		}
+	},
+	"supports": {
+		"align": [ "wide", "full" ],
+		"color": {
+			"background": false,
+			"text": true
+		},
+		"html": false,
+		"interactivity": true,
+		"spacing": {
+			"margin": true,
+			"padding": true
+		}
+	},
+	"editorStyle": "wp-block-tabs-editor",
+	"style": "wp-block-tabs"
+}
diff --git a/packages/block-library/src/tabs/edit.js b/packages/block-library/src/tabs/edit.js
new file mode 100644
index 00000000000000..e30e7d6844eb85
--- /dev/null
+++ b/packages/block-library/src/tabs/edit.js
@@ -0,0 +1,183 @@
+/**
+ * WordPress dependencies
+ */
+import {
+	useBlockProps,
+	useInnerBlocksProps,
+	store as blockEditorStore,
+	RichText,
+} from '@wordpress/block-editor';
+import { useDispatch, useSelect } from '@wordpress/data';
+import { useCallback, useEffect } from '@wordpress/element';
+import { __ } from '@wordpress/i18n';
+
+const TABS_TEMPLATE = [
+	[ 'core/tab', { label: 'Tab 1' } ],
+	[ 'core/tab', { label: 'Tab 2' } ],
+];
+
+export default function Edit( { clientId, setAttributes } ) {
+	const { innerTabBlocks, selectedTabClientId } = useSelect(
+		( select ) => {
+			const {
+				getBlocks,
+				getSelectedBlockClientId,
+				hasSelectedInnerBlock,
+			} = select( blockEditorStore );
+			const innerBlocks = getBlocks( clientId );
+			const selectedBlockClientId = getSelectedBlockClientId();
+			let selectedTabId = null;
+
+			// Find the first tab that is selected or has selected inner blocks so we can set it as active.
+			for ( const block of innerBlocks ) {
+				if (
+					block.clientId === selectedBlockClientId ||
+					hasSelectedInnerBlock( block.clientId, true )
+				) {
+					selectedTabId = block.clientId;
+					break;
+				}
+			}
+
+			return {
+				innerTabBlocks: innerBlocks,
+				selectedTabClientId: selectedTabId,
+			};
+		},
+		[ clientId ]
+	);
+
+	const { __unstableMarkNextChangeAsNotPersistent, updateBlockAttributes } =
+		useDispatch( blockEditorStore );
+
+	const setActiveTab = useCallback(
+		( activeTabClientId ) => {
+			// Set each inner tab's `isActive` attribute.
+			innerTabBlocks.forEach( ( block ) => {
+				__unstableMarkNextChangeAsNotPersistent();
+				updateBlockAttributes( block.clientId, {
+					isActive: block.clientId === activeTabClientId,
+				} );
+			} );
+		},
+		[
+			innerTabBlocks,
+			updateBlockAttributes,
+			__unstableMarkNextChangeAsNotPersistent,
+		]
+	);
+
+	// Set the first tab as active when the editor is loaded.
+	useEffect( () => {
+		if ( innerTabBlocks?.length ) {
+			setActiveTab( innerTabBlocks[ 0 ].clientId );
+		}
+	}, [] ); // eslint-disable-line react-hooks/exhaustive-deps -- set first tab as active when the editor is loaded.
+
+	// Update active tab when selection or inner blocks change.
+	useEffect( () => {
+		const hasActiveTab =
+			innerTabBlocks &&
+			innerTabBlocks.some( ( block ) => block.attributes.isActive );
+
+		if ( selectedTabClientId ) {
+			// If an inner tab block is selected, or its inner blocks are selected, it becomes the active tab.
+			setActiveTab( selectedTabClientId );
+		} else if ( ! hasActiveTab && innerTabBlocks?.length ) {
+			// Otherwise, if there's no active tab, default to the first inner tab.
+			setActiveTab( innerTabBlocks[ 0 ].clientId );
+		}
+	}, [ innerTabBlocks, selectedTabClientId, setActiveTab ] );
+
+	/**
+	 * Cache data needed for save functions:
+	 * - labels from inner tabs to generate tab list
+	 * - href values pointing to ids of inner tab blocks
+	 */
+	useEffect( () => {
+		__unstableMarkNextChangeAsNotPersistent();
+		setAttributes( {
+			innerTabs: innerTabBlocks.map( ( block ) => ( {
+				label: block.attributes.label,
+				href:
+					'#' + ( block.attributes.anchor || block.attributes.slug ),
+			} ) ),
+		} );
+
+		innerTabBlocks.forEach( ( block, index ) => {
+			__unstableMarkNextChangeAsNotPersistent();
+			updateBlockAttributes( block.clientId, {
+				tabIndex: index,
+			} );
+		} );
+	}, [
+		__unstableMarkNextChangeAsNotPersistent,
+		innerTabBlocks,
+		setAttributes,
+		updateBlockAttributes,
+	] );
+
+	const blockProps = useBlockProps( { className: 'interactive' } );
+	const innerBlockProps = useInnerBlocksProps(
+		{
+			className: 'wp-block-tabs__content',
+		},
+		{
+			__experimentalCaptureToolbars: true,
+			clientId,
+			orientation: 'horizontal',
+			template: TABS_TEMPLATE,
+		}
+	);
+
+	return (
+		<div { ...blockProps }>
+			<ul className="wp-block-tabs__list" role="tablist">
+				{ innerTabBlocks.map( ( block ) => {
+					const { anchor, isActive, label, slug } = block.attributes;
+					const tabIndexAttr = isActive ? 0 : -1;
+					const tabPanelId = anchor || slug;
+					const tabLabelId = tabPanelId + '--tab';
+
+					return (
+						<li
+							key={ block.clientId }
+							className="wp-block-tabs__list-item"
+							role="presentation"
+						>
+							<a // eslint-disable-line jsx-a11y/anchor-is-valid -- remove href attribute in editor so inner text can be selected for editing
+								aria-controls={ tabPanelId }
+								aria-selected={ isActive }
+								className="wp-block-tabs__tab-label"
+								id={ tabLabelId }
+								onClick={ () => setActiveTab( block.clientId ) }
+								onFocus={ () => setActiveTab( block.clientId ) }
+								onKeyDown={ ( event ) => {
+									if ( event.key === 'Enter' ) {
+										setActiveTab( block.clientId );
+									}
+								} }
+								role="tab"
+								tabIndex={ tabIndexAttr }
+							>
+								<RichText
+									tagName="span"
+									onChange={ ( value ) =>
+										updateBlockAttributes( block.clientId, {
+											label: value,
+										} )
+									}
+									placeholder={ __( 'Add label…' ) }
+									value={ label }
+									withoutInteractiveFormatting
+								/>
+							</a>
+						</li>
+					);
+				} ) }
+			</ul>
+
+			<div { ...innerBlockProps }></div>
+		</div>
+	);
+}
diff --git a/packages/block-library/src/tabs/editor.scss b/packages/block-library/src/tabs/editor.scss
new file mode 100644
index 00000000000000..00d8a491707646
--- /dev/null
+++ b/packages/block-library/src/tabs/editor.scss
@@ -0,0 +1,5 @@
+.wp-block-tabs {
+	&__content > .block-list-appender {
+		top: -38px;
+	}
+}
diff --git a/packages/block-library/src/tabs/icon.js b/packages/block-library/src/tabs/icon.js
new file mode 100644
index 00000000000000..af9356f636acfe
--- /dev/null
+++ b/packages/block-library/src/tabs/icon.js
@@ -0,0 +1,19 @@
+/**
+ * WordPress dependencies
+ */
+import { SVG, Path } from '@wordpress/components';
+
+export default (
+	<SVG
+		width="24"
+		height="24"
+		viewBox="0 0 24 24"
+		xmlns="http://www.w3.org/2000/svg"
+	>
+		<Path
+			fillRule="evenodd"
+			clipRule="evenodd"
+			d="M5.2998 4.8501C4.60945 4.8501 4.0498 5.40974 4.0498 6.1001V10.3501H11.3498V6.1001C11.3498 5.40974 10.7902 4.8501 10.0998 4.8501H5.2998ZM14.2002 10.3501V7.1001H18.5002V10.3501H20.0002V6.8501C20.0002 6.15974 19.4406 5.6001 18.7502 5.6001H13.9502C13.2598 5.6001 12.7002 6.15974 12.7002 6.8501V10.3501H14.2002ZM20 12.6001H4V14.1001H20V12.6001ZM14 17.1001H4V18.6001H14V17.1001Z"
+		/>
+	</SVG>
+);
diff --git a/packages/block-library/src/tabs/index.js b/packages/block-library/src/tabs/index.js
new file mode 100644
index 00000000000000..c42afb84470d67
--- /dev/null
+++ b/packages/block-library/src/tabs/index.js
@@ -0,0 +1,20 @@
+/**
+ * Internal dependencies
+ */
+import initBlock from '../utils/init-block';
+import metadata from './block.json';
+import edit from './edit';
+import save from './save';
+import icon from './icon';
+
+const { name } = metadata;
+
+export { metadata, name };
+
+export const settings = {
+	icon,
+	edit,
+	save,
+};
+
+export const init = () => initBlock( { name, metadata, settings } );
diff --git a/packages/block-library/src/tabs/index.php b/packages/block-library/src/tabs/index.php
new file mode 100644
index 00000000000000..d61e2f04a662b2
--- /dev/null
+++ b/packages/block-library/src/tabs/index.php
@@ -0,0 +1,126 @@
+<?php
+/**
+ * Server-side rendering of the `core/tabs` block.
+ *
+ * @package WordPress
+ */
+
+/**
+ * Renders the `core/tabs` block on the server.
+ *
+ * @param array    $attributes The block attributes.
+ * @param string   $content    The block content.
+ * @param WP_Block $block      The block object.
+ *
+ * @return string The block content.
+ */
+function render_block_core_tabs( $attributes, $content ) {
+	if ( ! $content ) {
+		return '';
+	}
+
+	// Enqueue script modules for interactivity API.
+	$suffix = wp_scripts_get_suffix();
+	if ( defined( 'IS_GUTENBERG_PLUGIN' ) && IS_GUTENBERG_PLUGIN ) {
+		$module_url = gutenberg_url( '/build/interactivity/tabs.min.js' );
+	}
+
+	wp_register_script_module(
+		'@wordpress/block-library/tabs',
+		isset( $module_url ) ? $module_url : includes_url( "blocks/tabs/view{$suffix}.js" ),
+		array( '@wordpress/interactivity' ),
+		defined( 'GUTENBERG_VERSION' ) ? GUTENBERG_VERSION : get_bloginfo( 'version' )
+	);
+
+	wp_enqueue_script_module( '@wordpress/block-library/tabs' );
+
+	// Modify markup to include interactivity API attributes.
+	$p = new WP_HTML_Tag_Processor( $content );
+
+	// Generate a dictionary of tab panel and tab label ids used to populate aria attributes.
+	$tab_panel_to_label_id = array();
+	while ( $p->next_tag( array( 'class_name' => 'wp-block-tabs__tab-label' ) ) ) {
+		$tab_label_href = $p->get_attribute( 'href' );
+		$tab_panel_id   = $tab_label_href ? substr( $tab_label_href, 1 ) : '';
+		$tab_label_id   = $p->get_attribute( 'id' );
+
+		$tab_panel_to_label_id[ $tab_panel_id ] = $tab_label_id;
+	}
+
+	// Reset the processor to the beginning of the content.
+	$p = new WP_HTML_Tag_Processor( $content );
+
+	$title_id        = wp_unique_id( 'tablist-label-' );
+	$tab_label_index = 0;
+	while ( $p->next_tag() ) {
+		if ( $p->has_class( 'wp-block-tabs' ) ) {
+			// Add class interactive to the block wrapper to indicate JavaScript has been loaded.
+			$p->set_attribute( 'data-wp-class--interactive', 'state' );
+
+			// Set up interactivity API and context.
+			$p->set_attribute( 'data-wp-interactive', 'core/tabs' );
+			$p->set_attribute( 'data-wp-context', '{ "activeTabIndex": 0 }' );
+		} elseif ( $p->has_class( 'wp-block-tabs__title' ) ) {
+			// Set a unique ID for the title, so it can be used by aria-labelledby.
+			$p->set_attribute( 'id', $title_id );
+		} elseif ( $p->has_class( 'wp-block-tabs__list' ) ) {
+			// Add role="tablist" to the <ul> element.
+			$p->set_attribute( 'data-wp-bind--role', 'state.roleAttribute' );
+
+			// Add aria-labelledby attribute with the title ID to the <ul> element.
+			$p->set_attribute( 'data-wp-bind--aria-labelledby', $title_id );
+		} elseif ( $p->has_class( 'wp-block-tabs__list-item' ) ) {
+			// Add role="presentation" to each <li> element, because the inner <a> elements are the actual tabs.
+			$p->set_attribute( 'data-wp-bind--role', 'state.roleAttribute' );
+		} elseif ( $p->has_class( 'wp-block-tabs__tab-label' ) ) {
+			$tab_label_href = $p->get_attribute( 'href' );
+			$tab_panel_id   = $tab_label_href ? substr( $tab_label_href, 1 ) : '';
+			if ( $tab_panel_id ) {
+				// Add aria-controls attribute with the corresponding tab panel ID to each tab label.
+				$p->set_attribute( 'data-wp-bind--aria-controls', $tab_panel_id );
+			}
+
+			// Add role="tab" to the <a> element that labels each tab panel.
+			$p->set_attribute( 'data-wp-bind--role', 'state.roleAttribute' );
+
+			// Add aria-selected attribute indicating if the tab is currently selected.
+			$p->set_attribute( 'data-wp-bind--aria-selected', 'state.isActiveTab' );
+
+			// Add tabindex="-1" to all non-selected tab labels, since they can be selected with arrow keys.
+			$p->set_attribute( 'data-wp-bind--tabindex', 'state.tabindexLabelAttribute' );
+
+			// Add click and keydown event handlers to each tab label.
+			$p->set_attribute( 'data-wp-on--click', 'actions.handleTabClick' );
+			$p->set_attribute( 'data-wp-on--keydown', 'actions.handleTabKeyDown' );
+
+			// Store the index of each tab label for tracking the selected tab.
+			$p->set_attribute( 'data-tab-index', $tab_label_index );
+			++$tab_label_index;
+		} elseif ( $p->has_class( 'wp-block-tab' ) ) {
+			$tab_panel_id = $p->get_attribute( 'id' );
+			$tab_label_id = $tab_panel_id && isset( $tab_panel_to_label_id[ $tab_panel_id ] )
+			? $tab_panel_to_label_id[ $tab_panel_id ]
+			: '';
+
+			if ( $tab_label_id ) {
+				// Add aria-labelledby attribute with the corresponding tab label ID to each tab panel.
+				$p->set_attribute( 'data-wp-bind--aria-labelledby', $tab_label_id );
+			}
+		}
+	}
+
+	return $p->get_updated_html();
+}
+
+/**
+ * Registers the `core/tabs` block on server.
+ */
+function register_block_core_tabs() {
+	register_block_type_from_metadata(
+		__DIR__ . '/tabs',
+		array(
+			'render_callback' => 'render_block_core_tabs',
+		)
+	);
+}
+add_action( 'init', 'register_block_core_tabs' );
diff --git a/packages/block-library/src/tabs/init.js b/packages/block-library/src/tabs/init.js
new file mode 100644
index 00000000000000..79f0492c2cb2f8
--- /dev/null
+++ b/packages/block-library/src/tabs/init.js
@@ -0,0 +1,6 @@
+/**
+ * Internal dependencies
+ */
+import { init } from './';
+
+export default init();
diff --git a/packages/block-library/src/tabs/save.js b/packages/block-library/src/tabs/save.js
new file mode 100644
index 00000000000000..b298fb2cca3938
--- /dev/null
+++ b/packages/block-library/src/tabs/save.js
@@ -0,0 +1,45 @@
+/**
+ * WordPress dependencies
+ */
+import {
+	RichText,
+	useBlockProps,
+	useInnerBlocksProps,
+} from '@wordpress/block-editor';
+import { __ } from '@wordpress/i18n';
+
+export default function save( { attributes } ) {
+	const { innerTabs } = attributes;
+	const blockProps = useBlockProps.save();
+	const innerBlocksProps = useInnerBlocksProps.save( {
+		className: 'wp-block-tabs__content',
+	} );
+
+	return (
+		<div { ...blockProps }>
+			<h3 className="wp-block-tabs__title">
+				{ /* translators: Title for a list of content sections linked below. */ }
+				{ __( 'Contents' ) }
+			</h3>
+
+			<ul className="wp-block-tabs__list">
+				{ innerTabs.map( ( tab, index ) => {
+					const tabId = tab.href.replace( '#', '' ) + '--tab';
+					return (
+						<li className="wp-block-tabs__list-item" key={ index }>
+							<RichText.Content
+								id={ tabId }
+								className="wp-block-tabs__tab-label"
+								href={ tab.href }
+								tagName="a"
+								value={ tab.label }
+							/>
+						</li>
+					);
+				} ) }
+			</ul>
+
+			<div { ...innerBlocksProps }></div>
+		</div>
+	);
+}
diff --git a/packages/block-library/src/tabs/style.scss b/packages/block-library/src/tabs/style.scss
new file mode 100644
index 00000000000000..f6d59630a4948d
--- /dev/null
+++ b/packages/block-library/src/tabs/style.scss
@@ -0,0 +1,30 @@
+.wp-block-tabs.interactive {
+	.wp-block-tabs__title {
+		display: none;
+	}
+
+	.wp-block-tabs__list {
+		display: flex;
+		gap: 10px;
+		list-style: none;
+		margin: 0;
+		padding: 0;
+	}
+
+	.wp-block-tabs__tab-label {
+		display: block;
+		margin: 0;
+		opacity: 0.5;
+		padding: $grid-unit;
+		text-decoration: none;
+
+		&[aria-selected="true"] {
+			border-bottom: currentColor 2px solid;
+			opacity: 1;
+		}
+	}
+
+	.wp-block-tabs__content {
+		border-top: var(--wp--preset--color--accent) 2px solid;
+	}
+}
diff --git a/packages/block-library/src/tabs/view.js b/packages/block-library/src/tabs/view.js
new file mode 100644
index 00000000000000..2bdb72e46eca82
--- /dev/null
+++ b/packages/block-library/src/tabs/view.js
@@ -0,0 +1,146 @@
+/**
+ * WordPress dependencies
+ */
+import { store, getContext, getElement } from '@wordpress/interactivity';
+
+/**
+ * Determines whether a value is numeric.
+ *
+ * @param {*} value A vlue to check.
+ * @return {boolean} Whether the value is numeric.
+ */
+function isNumeric( value ) {
+	return ! isNaN( parseFloat( value ) );
+}
+
+// Interactivy store for the tabs block.
+const { state, actions } = store( 'core/tabs', {
+	state: {
+		get roleAttribute() {
+			const el = getElement();
+			const classList = el?.attributes?.class ?? '';
+			const classArray = classList.split( ' ' );
+
+			const classToRoleMap = new Map( [
+				[ 'wp-block-tabs__list', 'tablist' ],
+				[ 'wp-block-tabs__list-item', 'presentation' ],
+				[ 'wp-block-tabs__tab-label', 'tab' ],
+				[ 'wp-block-tab', 'tabpanel' ],
+			] );
+
+			for ( const className of classArray ) {
+				const role = classToRoleMap.get( className );
+				if ( role ) {
+					return role;
+				}
+			}
+
+			return false;
+		},
+		/**
+		 * Whether the tab is the active tab.
+		 *
+		 * @type {boolean}
+		 */
+		get isActiveTab() {
+			const context = getContext();
+			const { attributes } = getElement();
+			const tabIndexValue = attributes?.[ 'data-tab-index' ];
+			const tabIndex = isNumeric( tabIndexValue )
+				? parseInt( tabIndexValue, 10 )
+				: 0;
+
+			return context.activeTabIndex === tabIndex;
+		},
+		/**
+		 * The value of the tabindex attribute for the tab label.
+		 *
+		 * @type {false|string}
+		 */
+		get tabindexLabelAttribute() {
+			return state.isActiveTab ? false : '-1';
+		},
+		/**
+		 * The value of the tabindex attribute for the tab panel.
+		 *
+		 * @type {false|string}
+		 */
+		get tabindexPanelAttribute() {
+			return state.isActiveTab ? '0' : false;
+		},
+	},
+	actions: {
+		/**
+		 * Handles the keydown event for the tab label.
+		 *
+		 * @param {KeyboardEvent} event The keydown event.
+		 */
+		handleTabKeyDown: ( event ) => {
+			const { key, target } = event;
+
+			if ( ! target ) {
+				return;
+			}
+
+			const { ref } = getElement();
+			const container = ref?.closest( '.wp-block-tabs' );
+			const tabs = Array.from(
+				container?.querySelectorAll( '.wp-block-tabs__tab-label' ) || []
+			);
+
+			const currentIndex = tabs.indexOf( target );
+			let nextIndex = currentIndex;
+
+			switch ( key ) {
+				case 'ArrowRight':
+					event.stopPropagation();
+					event.preventDefault();
+
+					// Loop back to the first tab if the last tab is reached.
+					nextIndex = ( currentIndex + 1 ) % tabs.length;
+					actions.setActiveTab( nextIndex );
+					tabs[ nextIndex ]?.focus();
+					break;
+				case 'ArrowLeft':
+					event.stopPropagation();
+					event.preventDefault();
+
+					// Loop back to the last tab if the first tab is reached.
+					nextIndex =
+						( currentIndex - 1 + tabs.length ) % tabs.length;
+					actions.setActiveTab( nextIndex );
+					tabs[ nextIndex ]?.focus();
+					break;
+				default:
+					break;
+			}
+		},
+		/**
+		 * Handles the click event for the tab label.
+		 *
+		 * @param {MouseEvent} event The click event.
+		 */
+		handleTabClick: ( event ) => {
+			event.preventDefault();
+
+			const tabIndexValue =
+				event.target?.getAttribute( 'data-tab-index' );
+			const tabIndex = isNumeric( tabIndexValue )
+				? parseInt( tabIndexValue, 10 )
+				: null;
+
+			if ( tabIndex !== null ) {
+				actions.setActiveTab( tabIndex );
+			}
+		},
+		/**
+		 * Sets the active tab index.
+		 *
+		 * @param {number} tabIndex The index of the active tab.
+		 */
+		setActiveTab: ( tabIndex ) => {
+			const context = getContext();
+			context.activeTabIndex = tabIndex;
+		},
+	},
+} );
diff --git a/tools/webpack/interactivity.js b/tools/webpack/interactivity.js
index cbde31171fe26e..b3919eb2d15c96 100644
--- a/tools/webpack/interactivity.js
+++ b/tools/webpack/interactivity.js
@@ -25,6 +25,7 @@ module.exports = {
 		image: './packages/block-library/src/image/view.js',
 		file: './packages/block-library/src/file/view.js',
 		search: './packages/block-library/src/search/view.js',
+		tabs: './packages/block-library/src/tabs/view.js',
 	},
 	experiments: {
 		outputModule: true,