diff --git a/README.md b/README.md
index b108ebe2..c6c6f550 100644
--- a/README.md
+++ b/README.md
@@ -28,17 +28,18 @@ Other forms of documentation are auto-generated:
## Installation
-Install `carbon-components-svelte` as a development dependency.
-
```sh
-# Yarn
-yarn add carbon-components-svelte
-
# npm
npm i carbon-components-svelte
# pnpm
pnpm i carbon-components-svelte
+
+# Yarn
+yarn add carbon-components-svelte
+
+# Bun
+bun add carbon-components-svelte
```
## Usage
@@ -146,17 +147,20 @@ Import components from `carbon-components-svelte` in the `script` tag of your Sv
[carbon-preprocess-svelte](https://github.com/carbon-design-system/carbon-preprocess-svelte) is a collection of Svelte preprocessors for Carbon.
> [!NOTE]
-> Using `carbon-preprocess-svelte` is optional and not a prerequisite for this library.
+> Using `carbon-preprocess-svelte` is optional and not a prerequisite for this library. It should be installed as a development dependency.
```sh
-# Yarn
-yarn add -D carbon-preprocess-svelte
-
# npm
npm i -D carbon-preprocess-svelte
# pnpm
pnpm i -D carbon-preprocess-svelte
+
+# Yarn
+yarn add -D carbon-preprocess-svelte
+
+# Bun
+bun add -D carbon-preprocess-svelte
```
### `optimizeImports`
diff --git a/docs/src/pages/index.svelte b/docs/src/pages/index.svelte
index 22260573..2a4ec5dc 100644
--- a/docs/src/pages/index.svelte
+++ b/docs/src/pages/index.svelte
@@ -24,6 +24,7 @@
const installNpm = "npm i carbon-components-svelte";
const installPnpm = "pnpm i carbon-components-svelte";
const installYarn = "yarn add carbon-components-svelte";
+ const installBun = "bun add carbon-components-svelte";
const themes = {
white: "White",
g10: "Gray 10",
@@ -88,6 +89,7 @@