diff --git a/plugins/api-docs/src/alpha.tsx b/plugins/api-docs/src/alpha.tsx
index 842275a984..7f145fad68 100644
--- a/plugins/api-docs/src/alpha.tsx
+++ b/plugins/api-docs/src/alpha.tsx
@@ -103,6 +103,16 @@ const ApiDocsConsumingComponentsEntityCard = createEntityCardExtension({
     )),
 });
 
+const ApiDocsProvidingComponentsEntityCard = createEntityCardExtension({
+  name: 'providing-components',
+  // Ommiting configSchema for now
+  // we are skipping variations, see: https://github.com/backstage/backstage/pull/22619#discussion_r1477333252
+  loader: () =>
+    import('./components/ComponentsCards').then(m => (
+      <m.ProvidingComponentsCard />
+    )),
+});
+
 export default createPlugin({
   id: 'api-docs',
   routes: {
@@ -119,5 +129,6 @@ export default createPlugin({
     ApiDocsProvidedApisEntityCard,
     ApiDocsConsumedApisEntityCard,
     ApiDocsConsumingComponentsEntityCard,
+    ApiDocsProvidingComponentsEntityCard,
   ],
 });