diff --git a/packages/components/CHANGELOG.md b/packages/components/CHANGELOG.md
index be8d36763e41d..d176723f208d1 100644
--- a/packages/components/CHANGELOG.md
+++ b/packages/components/CHANGELOG.md
@@ -5,6 +5,7 @@
### Deprecation
- `Navigation`: Soft deprecate component ([#59182](https://github.com/WordPress/gutenberg/pull/59182)).
+- `BorderControl`: Remove "experimental" designation ([#60920](https://github.com/WordPress/gutenberg/pull/60920)).
### Enhancements
diff --git a/packages/components/src/border-control/border-control/README.md b/packages/components/src/border-control/border-control/README.md
index 51fb7172b7c55..1ce3e3eacbf19 100644
--- a/packages/components/src/border-control/border-control/README.md
+++ b/packages/components/src/border-control/border-control/README.md
@@ -1,9 +1,5 @@
# BorderControl
-
-This feature is still experimental. “Experimental” means this is an early implementation subject to drastic and breaking changes.
-
-
This component provides control over a border's color, style, and width.
## Development guidelines
@@ -21,7 +17,7 @@ a "shape" abstraction.
```jsx
import { useState } from 'react';
-import { __experimentalBorderControl as BorderControl } from '@wordpress/components';
+import { BorderControl } from '@wordpress/components';
import { __ } from '@wordpress/i18n';
const colors = [
diff --git a/packages/components/src/border-control/border-control/component.tsx b/packages/components/src/border-control/border-control/component.tsx
index 5fe2abce1b411..6dc3e8a6891ad 100644
--- a/packages/components/src/border-control/border-control/component.tsx
+++ b/packages/components/src/border-control/border-control/component.tsx
@@ -134,7 +134,7 @@ const UnconnectedBorderControl = (
* a "shape" abstraction.
*
* ```jsx
- * import { __experimentalBorderControl as BorderControl } from '@wordpress/components';
+ * import { BorderControl } from '@wordpress/components';
* import { __ } from '@wordpress/i18n';
*
* const colors = [
diff --git a/packages/components/src/border-control/stories/index.story.tsx b/packages/components/src/border-control/stories/index.story.tsx
index 9a5349d302c27..19938db5d0e51 100644
--- a/packages/components/src/border-control/stories/index.story.tsx
+++ b/packages/components/src/border-control/stories/index.story.tsx
@@ -16,7 +16,7 @@ import { BorderControl } from '..';
import type { Border } from '../types';
const meta: Meta< typeof BorderControl > = {
- title: 'Components (Experimental)/BorderControl',
+ title: 'Components/BorderControl',
component: BorderControl,
argTypes: {
onChange: {
diff --git a/packages/components/src/index.ts b/packages/components/src/index.ts
index a824162cb2412..0ea8f494c8d6e 100644
--- a/packages/components/src/index.ts
+++ b/packages/components/src/index.ts
@@ -34,7 +34,13 @@ export {
isDefinedBorder as __experimentalIsDefinedBorder,
isEmptyBorder as __experimentalIsEmptyBorder,
} from './border-box-control';
-export { BorderControl as __experimentalBorderControl } from './border-control';
+export {
+ /**
+ * @deprecated Import `BorderControl` instead.
+ */
+ BorderControl as __experimentalBorderControl,
+ BorderControl,
+} from './border-control';
export {
default as __experimentalBoxControl,
applyValueToSides as __experimentalApplyValueToSides,
diff --git a/storybook/manager-head.html b/storybook/manager-head.html
index 629f06bf98edf..ed64b6ef2ea98 100644
--- a/storybook/manager-head.html
+++ b/storybook/manager-head.html
@@ -1,6 +1,9 @@