diff --git a/custom-elements-manifest.config.js b/custom-elements-manifest.config.js
index cb8c3ae4ec..efb07e80dd 100644
--- a/custom-elements-manifest.config.js
+++ b/custom-elements-manifest.config.js
@@ -57,7 +57,9 @@ export default {
             }
 
             const tagNameWithoutPrefix = path.basename(importPath, '.component.ts');
-            const tagName = 'sl-' + tagNameWithoutPrefix;
+            const isMf = tagNameWithoutPrefix.startsWith('mf-');
+            const prefix = isMf ? '' : 'sl-';
+            const tagName = prefix + tagNameWithoutPrefix;
 
             classDoc.tagNameWithoutPrefix = tagNameWithoutPrefix;
             classDoc.tagName = tagName;
diff --git a/docs/_includes/component.njk b/docs/_includes/component.njk
index e377e6926f..9bd9971238 100644
--- a/docs/_includes/component.njk
+++ b/docs/_includes/component.njk
@@ -1,7 +1,8 @@
 {% extends "default.njk" %}
 
 {# Find the component based on the `tag` front matter #}
-{% set component = getComponent('sl-' + page.fileSlug) %}
+{% set fileName = page.fileSlug if "mf-" in page.fileSlug else 'sl-' + page.fileSlug  %}
+{% set component = getComponent(fileName) %}
 
 {% block content %}
   {# Determine the badge variant #}