diff --git a/apps/docs/content/blog/introducing-heroui.mdx b/apps/docs/content/blog/introducing-heroui.mdx
index 0e2c1aaab..c7e90ecd8 100644
--- a/apps/docs/content/blog/introducing-heroui.mdx
+++ b/apps/docs/content/blog/introducing-heroui.mdx
@@ -38,9 +38,16 @@ Additionally, we want to avoid any confusion about our library being created or
 
 We've worked for months to make the migration as seamless as possible. You only need to run one command in your project's root folder:
 
-```bash
-npx @heroui/codemod@latest migrate
-```
+
+<PackageManagers
+  commands={{
+    npm: "npx @heroui/codemod@latest migrate",
+    pnpm: "pnpm dlx @heroui/codemod@latest migrate",
+    yarn: "yarn dlx @heroui/codemod@latest migrate",
+    bun: "bunx --bun @heroui/codemod@latest migrate"
+  }}
+/>
+
 
 This will automatically update your project to use HeroUI.
 
diff --git a/apps/docs/content/docs/guide/nextui-to-heroui.mdx b/apps/docs/content/docs/guide/nextui-to-heroui.mdx
index 6693f94f6..18154cd5a 100644
--- a/apps/docs/content/docs/guide/nextui-to-heroui.mdx
+++ b/apps/docs/content/docs/guide/nextui-to-heroui.mdx
@@ -21,9 +21,15 @@ The easiest way to migrate your NextUI project to HeroUI is using our official c
 
 Execute the codemod in your project directory:
 
-```bash
-npx @heroui/codemod@latest migrate
-```
+<PackageManagers
+  commands={{
+    npm: "npx @heroui/codemod@latest migrate",
+    pnpm: "pnpm dlx @heroui/codemod@latest migrate",
+    yarn: "yarn dlx @heroui/codemod@latest migrate",
+    bun: "bunx --bun @heroui/codemod@latest migrate"
+  }}
+/>
+
 
 > **Note:** If you're using a monorepo, run the codemod from the root directory