diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
index 8581709..20745bf 100644
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -36,7 +36,7 @@ function nav(): DefaultTheme.NavItem[] {
       items: [
         {
           text: "Fleet SDK",
-          link: "https://github.com/fleet-sdk/fleet/blob/master/CONTRIBUTING.md",
+          link: "https://github.com/fleet-sdk/fleet/blob/master/CONTRIBUTING.md"
         },
         {
           text: "Documentation",
@@ -60,7 +60,14 @@ function sidebarGuide() {
       items: [
         { text: "Wallet interaction", link: "/wallet-interaction" },
         { text: "Transaction building", link: "/transaction-building" },
-        { text: "Token burning", link: "/token-burning" }
+        { text: "Token burning", link: "/token-burning" },
+      ]
+    },
+    {
+      text: "Box Retrieval from Blockchain",
+      collapsible: false,
+      items: [
+        { text: "Retrieving boxes from blockchain", link: "/retrieving-boxes" }
       ]
     }
   ];
diff --git a/docs/retrieving-boxes.md b/docs/retrieving-boxes.md
new file mode 100644
index 0000000..d390b75
--- /dev/null
+++ b/docs/retrieving-boxes.md
@@ -0,0 +1,128 @@
+# Retrieve and Utilize Boxes from Blockchain.
+
+When using the `TransactionBuilder` class, you will need to work with boxes, which are the fundamental building blocks of Ergo transactions. Boxes represent unspent transaction outputs (UTXOs) on the Ergo blockchain. Each box contains assets (such as ERG or tokens) and potentially additional data.
+
+Boxes are created as outputs when a transaction is executed. They remain on the blockchain as unspent boxes until they are consumed (spent) as inputs in a subsequent transaction. When a box is used as an input, it is effectively destroyed, and new boxes are created as outputs of that transaction. This process forms the UTXO model that Ergo uses, where the blockchain's state is represented by the set of all unspent boxes at any given time
+
+### Retrieving Boxes from the Connected Wallet
+
+Ergo provides a blockchain explorer that allows you to query the blockchain for boxes that match specific criteria. You can use the explorer to retrieve boxes that you own or that you want to interact with in your transactions.
+
+Listing Unspent Boxes
+
+```ts
+await ergo.get_utxos();
+```
+
+Structured as an array of objects, each box contains the following fields:
+
+```ts
+{
+  boxId: string,
+  value: string,
+  assets: Array<{
+    tokenId: string,
+    amount: string
+  }>,
+  creationHeight: number,
+  ergoTree: string,
+  additionalRegisters: Record<string, string>,
+  transactionId: string,
+  index: number
+}
+```
+
+### Retrieving Boxes from the Blockchain Explorer
+
+You can also use the blockchain explorer to retrieve boxes that you do not own. This can be useful when you want to interact with specific boxes in your transactions.
+
+Ergo provides an [API](https://api.ergoplatform.com/api/v1/docs/#operation/getApiV1BoxesUnspentByaddressP1) that allows you to query the blockchain for boxes that match specific criteria. You can use this API to retrieve boxes by address, token, or other criteria.
+
+Full documentation for the API can be found [here](https://api.ergoplatform.com/api/v1/docs/).
+
+#### Listing Boxes by Address from the Explorer [API](https://api.ergoplatform.com/api/v1/docs/#operation/getApiV1BoxesUnspentByaddressP1)
+
+```ts
+async function fetchUnspentBoxesByAddress(address): Promise<Box[]> {
+  const url = `https://api.ergoplatform.com/api/v1/boxes/unspent/byAddress/${address}`;
+
+  const headers = {
+    accept: "application/json"
+  };
+  let rawBoxes = (await (
+    await fetch(url, { headers: headers })
+  ).json()) as unknown as {
+    items: Box[];
+  };
+  return rawBoxes.items;
+}
+```
+
+#### Listing Boxes by Token from the Explorer [API](https://api.ergoplatform.com/api/v1/docs/#operation/getApiV1BoxesUnspentBytokenidP1)
+
+```ts
+async function fetchUnspentBoxesByTokenId(tokenId): Promise<Box[]> {
+  const url = `https://api.ergoplatform.com/api/v1/boxes/unspent/byTokenId/${tokenId}`;
+
+  const headers = {
+    accept: "application/json"
+  };
+  let rawBoxes = (await (
+    await fetch(url, { headers: headers })
+  ).json()) as unknown as {
+    items: Box[];
+  };
+  return rawBoxes.items;
+}
+```
+
+### Parsing Box to Input in Transactions
+
+The Box Data gotten from this API has some extra fields that we need to take out for it to fulfil the interface for boxes.
+
+```ts
+(async () => {
+  if (await ergoConnector.nautilus.connect()) {
+    const height = await ergo.get_current_height();
+
+    const _boxes = await fetchUnspentBoxesByAddress(
+      await ergo.get_change_address()
+    );
+    // const _boxes = await fetchUnspentBoxesByTokenId(
+    // "f60bff91f7ae3f3a5f0c2d35b46ef8991f213a61d7f7e453d344fa52a42d9f9a" // SigUSD Token ID
+    // );
+    const boxes = _boxes.map((box) => {
+      return {
+        boxId: box.boxId,
+        value: box.value,
+        assets: box.assets,
+        creationHeight: box.creationHeight,
+        ergoTree: box.ergoTree,
+        additionalRegisters: box.additionalRegisters,
+        transactionId: box.transactionId,
+        index: box.index
+      };
+    });
+
+    const unsignedTx = new TransactionBuilder(height)
+      .from(boxes)
+      .to(
+        new OutputBuilder(
+          "100000000",
+          "9efPWBBjL1pddkH9pxnEjjGZxABseEjeXAAMxMUSV7Ug6nN44Wr"
+        )
+      )
+      .sendChangeTo(await ergo.get_change_address())
+      .payMinFee()
+      .build()
+      .toEIP12Object();
+
+    const signedTx = await ergo.sign_tx(unsignedTx);
+    const txId = await ergo.submit_tx(signedTx);
+
+    console.log(txId);
+  }
+})();
+```
+
+An example of this implementation can be found [here](https://stackblitz.com/edit/typescript-atujdp?file=index.ts)