diff --git a/website/src/assets/svg/bun.svg b/website/src/assets/svg/bun.svg
new file mode 100644
index 000000000000..3e10890a22d2
--- /dev/null
+++ b/website/src/assets/svg/bun.svg
@@ -0,0 +1,26 @@
+
diff --git a/website/src/components/PackageManagerCommand.astro b/website/src/components/PackageManagerCommand.astro
index ab76c90aeacd..159f7fbfac76 100644
--- a/website/src/components/PackageManagerCommand.astro
+++ b/website/src/components/PackageManagerCommand.astro
@@ -18,8 +18,13 @@ import InlineSVG from "@src/components/InlineSVG.astro";
{Astro.props.npx ? "npx" : "npm"} {Astro.props.npx ?? Astro.props.npm ?? Astro.props.command}
yarn {Astro.props.yarn ?? Astro.props.command}
pnpm {Astro.props.pnpm ?? Astro.props.command}
+bun{Astro.props.bun ? "" : "x"} {Astro.props.bunx ?? Astro.props.bun ?? Astro.props.command}
diff --git a/website/src/components/PackageManagerRomeCommand.astro b/website/src/components/PackageManagerRomeCommand.astro
index cf8e9a569ac0..e2e5d75413f9 100644
--- a/website/src/components/PackageManagerRomeCommand.astro
+++ b/website/src/components/PackageManagerRomeCommand.astro
@@ -4,4 +4,4 @@ let {command} = Astro.props;
command = `biome ${command}`;
---
-