@@ -4,6 +4,7 @@ import { GroupLabel } from './group-label';
 import { Item } from './item';
 import { ItemDescription } from './item-description';
 import { ItemLabel } from './item-label';
+import { LinkItem } from './link-item';
 import { Popup } from './popup';
 import { Portal } from './portal';
 import { Positioner } from './positioner';
@@ -22,6 +23,7 @@ export {
 	Item,
 	ItemDescription,
 	ItemLabel,
+	LinkItem,
 	Popup,
 	Portal,
 	Positioner,
 
@@ -0,0 +1,37 @@
+import { Menu as _Menu } from '@base-ui/react/menu';
+import clsx from 'clsx';
+import { forwardRef } from '@wordpress/element';
+import itemPopupStyles from '../utils/css/item-popup.module.css';
+import defenseStyles from '../utils/css/global-css-defense.module.css';
+import resetStyles from '../utils/css/resets.module.css';
+import styles from './style.module.css';
+import { ItemContent } from './item';
+import type { LinkItemProps } from './types';
+
+/**
+ * Renders a menu item that navigates to a link target.
+ */
+const LinkItem = forwardRef< Element, LinkItemProps >( function MenuLinkItem(
+	{ children, className, prefix, suffix, ...props },
+	ref
+) {
+	return (
+		<_Menu.LinkItem
+			ref={ ref }
+			className={ clsx(
+				defenseStyles.a,
+				resetStyles[ 'box-sizing' ],
+				itemPopupStyles.item,
+				styles.item,
+				className
+			) }
+			{ ...props }
+		>
+			<ItemContent prefix={ prefix } suffix={ suffix }>
+				{ children }
+			</ItemContent>
+		</_Menu.LinkItem>
+	);
+} );
+
+export { LinkItem };
@@ -15,6 +15,7 @@ const meta: Meta< typeof Menu.Root > = {
 		'Menu.Item': Menu.Item,
 		'Menu.ItemLabel': Menu.ItemLabel,
 		'Menu.ItemDescription': Menu.ItemDescription,
+		'Menu.LinkItem': Menu.LinkItem,
 		'Menu.CheckboxItem': Menu.CheckboxItem,
 		'Menu.RadioGroup': Menu.RadioGroup,
 		'Menu.RadioItem': Menu.RadioItem,
@@ -62,6 +63,9 @@ export const Default: Story = {
 						<Menu.Item>Play last</Menu.Item>
 					</Menu.Group>
 					<Menu.Separator />
+					<Menu.LinkItem href="https://wordpress.org">
+						WordPress.org
+					</Menu.LinkItem>
 					<Menu.Item disabled>Unavailable action</Menu.Item>
 				</Menu.Popup>
 			</>
 
@@ -61,6 +61,7 @@
 			display: grid;
 			grid-column: 1 / -1;
 			grid-template-columns: minmax(0, max-content) minmax(0, 1fr);
+			text-decoration: none;
 
 			@supports ( grid-template-columns: subgrid ) {
 				grid-template-columns: subgrid;
 
@@ -13,6 +13,9 @@ describe( 'Menu', () => {
 				<Menu.Popup>
 					<Menu.Item>Duplicate</Menu.Item>
 					<Menu.Separator />
+					<Menu.LinkItem href="https://wordpress.org">
+						WordPress.org
+					</Menu.LinkItem>
 					<Menu.Item>Delete</Menu.Item>
 				</Menu.Popup>
 			</Menu.Root>
@@ -29,6 +32,9 @@ describe( 'Menu', () => {
 		expect(
 			screen.getByRole( 'menuitem', { name: 'Duplicate' } )
 		).toBeVisible();
+		expect(
+			screen.getByRole( 'menuitem', { name: 'WordPress.org' } )
+		).toHaveAttribute( 'href', 'https://wordpress.org' );
 		expect( screen.getByRole( 'separator' ) ).toBeVisible();
 	} );
 
 
@@ -94,6 +94,14 @@ export type ItemProps = MenuItemComponentProps< typeof _Menu.Item > &
 		children?: ReactNode;
 	};
 
+export type LinkItemProps = MenuItemComponentProps< typeof _Menu.LinkItem > &
+	MenuItemLayoutProps & {
+		/**
+		 * The content to be rendered inside the link menu item.
+		 */
+		children?: ReactNode;
+	};
+
 export type CheckboxItemProps = MenuItemComponentProps<
 	typeof _Menu.CheckboxItem
 > &