diff --git a/bun.lockb b/bun.lockb
old mode 100755
new mode 100644
index d6a5ad9e..34b171d5
Binary files a/bun.lockb and b/bun.lockb differ
diff --git a/package.json b/package.json
index a8956340..a02170e4 100644
--- a/package.json
+++ b/package.json
@@ -55,6 +55,7 @@
     "@tscircuit/3d-viewer": "^0.0.32",
     "@tscircuit/footprinter": "^0.0.68",
     "@tscircuit/pcb-viewer": "^1.10.5",
+    "@types/file-saver": "^2.0.7",
     "@types/ms": "^0.7.34",
     "@typescript/ata": "^0.9.7",
     "@valtown/codemirror-ts": "^2.2.0",
@@ -66,6 +67,7 @@
     "easyeda": "^0.0.32",
     "embla-carousel-react": "^8.3.0",
     "fflate": "^0.8.2",
+    "file-saver": "^2.0.5",
     "immer": "^10.1.1",
     "input-otp": "^1.2.4",
     "jose": "^5.9.3",
diff --git a/src/components/CodeAndPreview.tsx b/src/components/CodeAndPreview.tsx
index 246fd12a..787484ba 100644
--- a/src/components/CodeAndPreview.tsx
+++ b/src/components/CodeAndPreview.tsx
@@ -114,6 +114,7 @@ export function CodeAndPreview({ snippet }: Props) {
   return (
     <div className="flex flex-col">
       <EditorNav
+        circuitJson={circuitJson}
         snippet={snippet}
         snippetType={snippetType}
         code={code}
diff --git a/src/components/DownloadButtonAndMenu.tsx b/src/components/DownloadButtonAndMenu.tsx
index 73c6f90b..da2f26ba 100644
--- a/src/components/DownloadButtonAndMenu.tsx
+++ b/src/components/DownloadButtonAndMenu.tsx
@@ -7,8 +7,19 @@ import {
 } from "@/components/ui/dropdown-menu"
 import { Button } from "@/components/ui/button"
 import { Download, ChevronDown } from "lucide-react"
+import { downloadCircuitJson } from "@/lib/download-fns/download-circuit-json-fn"
 
-export function DownloadButtonAndMenu({ className }: { className?: string }) {
+interface DownloadButtonAndMenuProps {
+  className?: string
+  snippetUnscopedName: string | undefined
+  circuitJson: string
+}
+
+export function DownloadButtonAndMenu({
+  className,
+  snippetUnscopedName,
+  circuitJson,
+}: DownloadButtonAndMenuProps) {
   return (
     <div className={className}>
       <DropdownMenu>
@@ -20,14 +31,15 @@ export function DownloadButtonAndMenu({ className }: { className?: string }) {
           </Button>
         </DropdownMenuTrigger>
         <DropdownMenuContent>
-          <DropdownMenuItem className="text-xs">
-            <Download className="mr-1 h-3 w-3" />
-            <span className="flex-grow mr-6">Download TSX</span>
-            <span className="text-[0.6rem] opacity-80 bg-blue-500 text-white font-mono rounded-md px-1 text-center py-0.5 mr-1">
-              tsx
-            </span>
-          </DropdownMenuItem>
-          <DropdownMenuItem className="text-xs">
+          <DropdownMenuItem
+            className="text-xs"
+            onSelect={() =>
+              downloadCircuitJson(
+                circuitJson,
+                snippetUnscopedName || "circuit" + ".json",
+              )
+            }
+          >
             <Download className="mr-1 h-3 w-3" />
             <span className="flex-grow mr-6">Download Circuit JSON</span>
             <span className="text-[0.6rem] opacity-80 bg-blue-500 text-white font-mono rounded-md px-1 text-center py-0.5 mr-1">
diff --git a/src/components/EditorNav.tsx b/src/components/EditorNav.tsx
index 1268527a..650830e2 100644
--- a/src/components/EditorNav.tsx
+++ b/src/components/EditorNav.tsx
@@ -24,6 +24,7 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from "@/components/ui/dropdown-menu"
+import { useRunTsx } from "@/hooks/use-run-tsx"
 import { OpenInNewWindowIcon } from "@radix-ui/react-icons"
 import { encodeTextToUrlHash } from "@/lib/encodeTextToUrlHash"
 import { Snippet } from "fake-snippets-api/lib/db/schema"
@@ -35,6 +36,7 @@ import { SnippetLink } from "./SnippetLink"
 import { useGlobalStore } from "@/hooks/use-global-store"
 
 export default function EditorNav({
+  circuitJson,
   snippet,
   code,
   hasUnsavedChanges,
@@ -45,6 +47,7 @@ export default function EditorNav({
   isSaving,
 }: {
   snippet?: Snippet
+  circuitJson: any
   code: string
   snippetType?: string
   hasUnsavedChanges: boolean
@@ -125,7 +128,11 @@ export default function EditorNav({
           <Sparkles className="mr-1 h-3 w-3" />
           Edit with AI
         </Button>
-        <DownloadButtonAndMenu className="hidden md:flex" />
+        <DownloadButtonAndMenu
+          snippetUnscopedName={snippet.unscoped_name}
+          circuitJson={circuitJson}
+          className="hidden md:flex"
+        />
         <Button
           variant="ghost"
           size="sm"
diff --git a/src/components/LandingHero.tsx b/src/components/LandingHero.tsx
index 451c7eb0..e94d1cb8 100644
--- a/src/components/LandingHero.tsx
+++ b/src/components/LandingHero.tsx
@@ -1,18 +1,22 @@
-import { useState } from "react"
-import { useLocation, Link } from "wouter"
-import { TypeBadge } from "./TypeBadge"
 import { Button } from "@/components/ui/button"
-import { CreateNewSnippetHero } from "./CreateNewSnippetHero"
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
+import { Link, useLocation } from "wouter"
+import { useGlobalStore } from "../hooks/use-global-store"
+import { CreateNewSnippetHero } from "./CreateNewSnippetHero"
+import { TypeBadge } from "./TypeBadge"
 
 export const LandingHero = () => {
-  const [visible, setVisible] = useState(true)
+  const { should_onboarding_tips_be_closed, setOnboardingTipsClosed } =
+    useGlobalStore((state) => ({
+      should_onboarding_tips_be_closed: state.should_onboarding_tips_be_closed,
+      setOnboardingTipsClosed: state.setOnboardingTipsClosed,
+    }))
   const [, setLocation] = useLocation()
   return (
     <div className="p-6">
       <CreateNewSnippetHero />
 
-      {visible && (
+      {!should_onboarding_tips_be_closed && (
         <Card className="mb-6 bg-gray-50 rounded-sm">
           <CardHeader className="p-3 pl-8">
             <CardTitle className="flex justify-between items-center">
@@ -20,7 +24,9 @@ export const LandingHero = () => {
               <Button
                 variant="ghost"
                 className="text-gray-400 text-2xl"
-                onClick={() => setVisible(!visible)}
+                onClick={() =>
+                  setOnboardingTipsClosed(!should_onboarding_tips_be_closed)
+                }
               >
                 &times;
               </Button>
diff --git a/src/hooks/use-global-store.ts b/src/hooks/use-global-store.ts
index 0c8fd81c..2d34fed5 100644
--- a/src/hooks/use-global-store.ts
+++ b/src/hooks/use-global-store.ts
@@ -9,6 +9,8 @@ export type Store = {
     github_username: string
   } | null
   setSession: (session: Store["session"]) => any
+  should_onboarding_tips_be_closed: boolean
+  setOnboardingTipsClosed: (closed: boolean) => any
 }
 
 export const useGlobalStore = create<Store>()(
@@ -16,6 +18,9 @@ export const useGlobalStore = create<Store>()(
     (set) => ({
       session: null,
       setSession: (session) => set({ session }),
+      should_onboarding_tips_be_closed: false,
+      setOnboardingTipsClosed: (closed) =>
+        set({ should_onboarding_tips_be_closed: closed }),
     }),
     {
       name: "session_store",
diff --git a/src/lib/download-fns/createBlobURL.ts b/src/lib/download-fns/createBlobURL.ts
new file mode 100644
index 00000000..e82784ba
--- /dev/null
+++ b/src/lib/download-fns/createBlobURL.ts
@@ -0,0 +1,4 @@
+export const createBlobURL = (content: string) => {
+  const blob = new Blob([content], { type: "text/plain" })
+  return URL.createObjectURL(blob)
+}
diff --git a/src/lib/download-fns/download-circuit-json-fn.ts b/src/lib/download-fns/download-circuit-json-fn.ts
new file mode 100644
index 00000000..926da6ab
--- /dev/null
+++ b/src/lib/download-fns/download-circuit-json-fn.ts
@@ -0,0 +1,7 @@
+import { saveAs } from "file-saver"
+import { createBlobURL } from "./createBlobURL"
+export const downloadCircuitJson = (content: any, fileName: string) => {
+  const circuitJson = JSON.stringify(content, null, 2)
+  const blob = new Blob([circuitJson], { type: "application/json" })
+  saveAs(blob, fileName)
+}
diff --git a/src/pages/view-snippet.tsx b/src/pages/view-snippet.tsx
index d8db8258..ac37b172 100644
--- a/src/pages/view-snippet.tsx
+++ b/src/pages/view-snippet.tsx
@@ -45,7 +45,11 @@ export const ViewSnippetPage = () => {
                 <Share className="mr-1 h-3 w-3" />
                 Copy URL
               </Button>
-              <DownloadButtonAndMenu />
+              <DownloadButtonAndMenu
+                snippetUnscopedName={snippet?.unscoped_name}
+                circuitJson={circuitJson}
+                className="hidden md:flex"
+              />
               <div className="flex-grow" />
               <TabsList>
                 <TabsTrigger value="code">Code</TabsTrigger>