From 800633760b5cdd5f8a6c57cab5a168ff3453cf5b Mon Sep 17 00:00:00 2001
From: Ayush Jhawar <ayushjhawar499@gmail.com>
Date: Sat, 15 Nov 2025 20:40:00 +0530
Subject: [PATCH 1/2] Fix infinite grid lines

---
 docs/web-apis/image-generation-api.mdx | 4 ++--
 src/components/CircuitPreview.tsx      | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/docs/web-apis/image-generation-api.mdx b/docs/web-apis/image-generation-api.mdx
index e1c7669..eee0683 100644
--- a/docs/web-apis/image-generation-api.mdx
+++ b/docs/web-apis/image-generation-api.mdx
@@ -130,7 +130,7 @@ For 3D renderings of PCBs, use the dedicated endpoints:
 ### Basic Usage
 
 ```
-https://svg.tscircuit.com/?svg_type=3d&code=<compressed-code>
+https://svg.tscircuit.com/?svg_type=3d&background_color=%23ffffff&code=<compressed-code>
 ```
 
 ### Parameters
@@ -153,7 +153,7 @@ import React from 'react';
 import { createSvgUrl } from '@tscircuit/create-snippet-url';
 
 const Circuit3DViewer = ({ circuitCode }) => {
-  const viewerUrl = createSvgUrl(circuitCode, "3d");
+  const viewerUrl = `${createSvgUrl(circuitCode, "3d")}&background_color=%23ffffff`;
   
   return (
     <iframe 
diff --git a/src/components/CircuitPreview.tsx b/src/components/CircuitPreview.tsx
index 509b7ee..f537100 100644
--- a/src/components/CircuitPreview.tsx
+++ b/src/components/CircuitPreview.tsx
@@ -183,6 +183,7 @@ export default function CircuitPreview({
         png_width: "800",
         png_height: "600",
         show_infinite_grid: "true",
+        background_color: "%23ffffff",
         fs_map: encodeURIComponent(encodedFsMap),
         main_component_path: mainComponentPath
           ? encodeURIComponent(mainComponentPath)
@@ -198,7 +199,7 @@ export default function CircuitPreview({
     const encodedCode = encodeURIComponent(
       getCompressedBase64SnippetString(code),
     )
-    return `https://svg.tscircuit.com/?svg_type=3d&format=png&png_width=800&png_height=600&show_infinite_grid=true&code=${encodedCode}`
+    return `https://svg.tscircuit.com/?svg_type=3d&format=png&png_width=800&png_height=600&show_infinite_grid=true&background_color=%23ffffff&code=${encodedCode}`
   }, [code, browser3dView, fsMap])
 
   const shouldSplitCode = _splitView && windowSize !== "mobile"

From 17a1db6534b3d2d5fd332484eca56fb2ffb03e38 Mon Sep 17 00:00:00 2001
From: Ayush Jhawar <ayushjhawar499@gmail.com>
Date: Sat, 15 Nov 2025 21:23:37 +0530
Subject: [PATCH 2/2] add bgcolor

---
 src/components/CircuitPreview.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/CircuitPreview.tsx b/src/components/CircuitPreview.tsx
index f537100..129315f 100644
--- a/src/components/CircuitPreview.tsx
+++ b/src/components/CircuitPreview.tsx
@@ -162,7 +162,7 @@ export default function CircuitPreview({
   )
   const threeDUrl = useMemo(() => {
     if (browser3dView && typeof fsMapOrCode === "string") {
-      return createPngUrl(fsMapOrCode, "3d")
+      return `${createPngUrl(fsMapOrCode, "3d")}&background_color=%23ffffff`
     }
 
     // If fsMap is provided, use fs_map parameter instead of code