diff --git a/examples/basics/README.md b/examples/basics/README.md
index bea6349378..8252739a4a 100644
--- a/examples/basics/README.md
+++ b/examples/basics/README.md
@@ -1,6 +1,7 @@
 # Welcome to [Astro](https://astro.build)
 
 [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/basics)
+[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/s/github/withastro/astro/tree/latest/examples/basics)
 
 > 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
 
diff --git a/examples/blog/README.md b/examples/blog/README.md
index 32934f6ef2..3fa19109c3 100644
--- a/examples/blog/README.md
+++ b/examples/blog/README.md
@@ -5,6 +5,7 @@ npm create astro@latest -- --template blog
 ```
 
 [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/blog)
+[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/s/github/withastro/astro/tree/latest/examples/blog)
 
 > 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
 
diff --git a/examples/component/README.md b/examples/component/README.md
index 91540eae4d..7675f5f7f7 100644
--- a/examples/component/README.md
+++ b/examples/component/README.md
@@ -7,6 +7,7 @@ npm create astro@latest -- --template component
 ```
 
 [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/non-html-pages)
+[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/s/github/withastro/astro/tree/latest/examples/non-html-pages)
 
 
 ## 🚀 Project Structure
diff --git a/examples/deno/README.md b/examples/deno/README.md
index 9a7d7da61c..99ef50b59f 100644
--- a/examples/deno/README.md
+++ b/examples/deno/README.md
@@ -1,6 +1,7 @@
 # Welcome to [Astro](https://astro.build)
 
-[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/basics)
+[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/deno)
+[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/s/github/withastro/astro/tree/latest/examples/deno)
 
 > 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
 
diff --git a/examples/docs/README.md b/examples/docs/README.md
index 68bed033c8..810bdfa843 100644
--- a/examples/docs/README.md
+++ b/examples/docs/README.md
@@ -5,6 +5,7 @@ npm create astro@latest -- --template docs
 ```
 
 [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/docs)
+[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/s/github/withastro/astro/tree/latest/examples/docs)
 
 ![docs](https://user-images.githubusercontent.com/4677417/186189283-0831b9ab-d6b9-485d-8955-3057e532ab31.png)
 
diff --git a/examples/framework-alpine/README.md b/examples/framework-alpine/README.md
index b87682b77a..559aa0ebd2 100644
--- a/examples/framework-alpine/README.md
+++ b/examples/framework-alpine/README.md
@@ -5,6 +5,7 @@ npm create astro@latest -- --template framework-alpine
 ```
 
 [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/framework-alpine)
+[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/s/github/withastro/astro/tree/latest/examples/framework-alpine)
 
 This example showcases Astro working with [AlpineJS](https://alpinejs.dev/).
 
diff --git a/examples/framework-lit/README.md b/examples/framework-lit/README.md
index 5f84b5db54..c1dfebbd2f 100644
--- a/examples/framework-lit/README.md
+++ b/examples/framework-lit/README.md
@@ -5,5 +5,6 @@ npm create astro@latest -- --template framework-lit
 ```
 
 [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/framework-lit)
+[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/s/github/withastro/astro/tree/latest/examples/framework-lit)
 
 This example showcases Astro working with [Lit](https://lit.dev/).
\ No newline at end of file
diff --git a/examples/framework-multiple/README.md b/examples/framework-multiple/README.md
index dc3e6d3de4..89efd74ae0 100644
--- a/examples/framework-multiple/README.md
+++ b/examples/framework-multiple/README.md
@@ -5,6 +5,7 @@ npm create astro@latest -- --template framework-multiple
 ```
 
 [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/framework-multiple)
+[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/s/github/withastro/astro/tree/latest/examples/framework-multiple)
 
 This example showcases Astro's built-in support for multiple frameworks ([React](https://reactjs.org), [Preact](https://preactjs.com), [Svelte](https://svelte.dev), and [Vue (`v3.x`)](https://v3.vuejs.org/)).
 
diff --git a/examples/framework-preact/README.md b/examples/framework-preact/README.md
index 2ba528e71f..9adc4881c6 100644
--- a/examples/framework-preact/README.md
+++ b/examples/framework-preact/README.md
@@ -5,6 +5,7 @@ npm create astro@latest -- --template framework-preact
 ```
 
 [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/framework-preact)
+[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/s/github/withastro/astro/tree/latest/examples/framework-preact)
 
 This example showcases Astro working with [Preact](https://preactjs.com).
 
diff --git a/examples/framework-react/README.md b/examples/framework-react/README.md
index 1bcf52dcb3..0df421989f 100644
--- a/examples/framework-react/README.md
+++ b/examples/framework-react/README.md
@@ -5,6 +5,7 @@ npm create astro@latest -- --template framework-react
 ```
 
 [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/framework-react)
+[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/s/github/withastro/astro/tree/latest/examples/framework-react)
 
 This example showcases Astro working with [React](https://reactjs.org/).
 
diff --git a/examples/framework-solid/README.md b/examples/framework-solid/README.md
index 932ef0699f..b68f558cf3 100644
--- a/examples/framework-solid/README.md
+++ b/examples/framework-solid/README.md
@@ -5,6 +5,7 @@ npm create astro@latest -- --template framework-solid
 ```
 
 [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/framework-solid)
+[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/s/github/withastro/astro/tree/latest/examples/framework-solid)
 
 This example showcases Astro working with [Solid](https://www.solidjs.com/).
 
diff --git a/examples/framework-svelte/README.md b/examples/framework-svelte/README.md
index 6ef399f484..4b873b0ddb 100644
--- a/examples/framework-svelte/README.md
+++ b/examples/framework-svelte/README.md
@@ -5,5 +5,6 @@ npm create astro@latest -- --template framework-svelte
 ```
 
 [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/framework-svelte)
+[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/s/github/withastro/astro/tree/latest/examples/framework-svelte)
 
 This example showcases Astro working with [Svelte](https://svelte.dev/).
diff --git a/examples/framework-vue/README.md b/examples/framework-vue/README.md
index 34761e72fb..40c39838fe 100644
--- a/examples/framework-vue/README.md
+++ b/examples/framework-vue/README.md
@@ -5,6 +5,7 @@ npm create astro@latest -- --template framework-vue
 ```
 
 [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/framework-vue)
+[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/s/github/withastro/astro/tree/latest/examples/framework-vue)
 
 This example showcases Astro working with [Vue](https://v3.vuejs.org/).
 
diff --git a/examples/hackernews/README.md b/examples/hackernews/README.md
index aeb16745ab..718369e87a 100644
--- a/examples/hackernews/README.md
+++ b/examples/hackernews/README.md
@@ -5,6 +5,7 @@ npm create astro@latest -- --template hackernews
 ```
 
 [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/hackernews)
+[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/s/github/withastro/astro/tree/latest/examples/hackernews)
 
 > 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
 
diff --git a/examples/integration/README.md b/examples/integration/README.md
index 6d0c85462d..eeeb5afa52 100644
--- a/examples/integration/README.md
+++ b/examples/integration/README.md
@@ -7,6 +7,7 @@ npm create astro@latest -- --template integration
 ```
 
 [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/integration)
+[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/s/github/withastro/astro/tree/latest/examples/integration)
 
 
 ## 🚀 Project Structure
diff --git a/examples/minimal/README.md b/examples/minimal/README.md
index da4f712f6b..097699e77e 100644
--- a/examples/minimal/README.md
+++ b/examples/minimal/README.md
@@ -5,6 +5,7 @@ npm create astro@latest -- --template minimal
 ```
 
 [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/minimal)
+[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/s/github/withastro/astro/tree/latest/examples/minimal)
 
 > 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
 
diff --git a/examples/non-html-pages/README.md b/examples/non-html-pages/README.md
index 8419813dbf..d8d77463b9 100644
--- a/examples/non-html-pages/README.md
+++ b/examples/non-html-pages/README.md
@@ -9,6 +9,7 @@ npm create astro@latest -- --template non-html-pages
 ```
 
 [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/non-html-pages)
+[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/s/github/withastro/astro/tree/latest/examples/non-html-pages)
 
 > 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
 
diff --git a/examples/portfolio/README.md b/examples/portfolio/README.md
index 68d2111321..8e714f3005 100644
--- a/examples/portfolio/README.md
+++ b/examples/portfolio/README.md
@@ -5,6 +5,7 @@ npm create astro@latest -- --template portfolio
 ```
 
 [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/portfolio)
+[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/s/github/withastro/astro/tree/latest/examples/portfolio)
 
 > 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
 
diff --git a/examples/with-markdown-plugins/README.md b/examples/with-markdown-plugins/README.md
index 2d0b359bdd..83d12f3f47 100644
--- a/examples/with-markdown-plugins/README.md
+++ b/examples/with-markdown-plugins/README.md
@@ -5,5 +5,6 @@ npm create astro@latest -- --template with-markdown-plugins
 ```
 
 [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/with-markdown-plugins)
+[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/s/github/withastro/astro/tree/latest/examples/with-markdown-plugins)
 
 This example showcases Astro's [built-in Markdown support](https://docs.astro.build/en/guides/markdown-content/) with additional, user-provided plugins.
diff --git a/examples/with-markdown-shiki/README.md b/examples/with-markdown-shiki/README.md
index 83596fa5fc..b22ad2ac53 100644
--- a/examples/with-markdown-shiki/README.md
+++ b/examples/with-markdown-shiki/README.md
@@ -5,6 +5,7 @@ npm create astro@latest -- --template with-markdown-shiki
 ```
 
 [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/with-markdown-shiki)
+[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/s/github/withastro/astro/tree/latest/examples/with-markdown-shiki)
 
 This example showcases Astro's [built-in Markdown support](https://docs.astro.build/en/guides/markdown-content/).
 
diff --git a/examples/with-mdx/README.md b/examples/with-mdx/README.md
index 8930cd95fe..49ddf947a0 100644
--- a/examples/with-mdx/README.md
+++ b/examples/with-mdx/README.md
@@ -5,5 +5,6 @@ npm create astro@latest -- --template with-mdx
 ```
 
 [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/with-mdx)
+[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/s/github/withastro/astro/tree/latest/examples/with-mdx)
 
 This example showcases using [`@astrojs/mdx`](https://www.npmjs.com/package/@astrojs/mdx) to author content using [MDX](https://mdxjs.com/).
diff --git a/examples/with-nanostores/README.md b/examples/with-nanostores/README.md
index c8851fad19..9297bb608c 100644
--- a/examples/with-nanostores/README.md
+++ b/examples/with-nanostores/README.md
@@ -5,5 +5,6 @@ npm create astro@latest -- --template with-nanostores
 ```
 
 [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/with-nanostores)
+[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/s/github/withastro/astro/tree/latest/examples/with-nanostores)
 
 This example showcases using [`nanostores`](https://github.com/nanostores/nanostores) to provide shared state between components of any framework. [**Read our documentation on sharing state**](https://docs.astro.build/en/core-concepts/sharing-state/) for a complete breakdown of this project, along with guides to use React, Vue, Svelte, or Solid!
diff --git a/examples/with-tailwindcss/README.md b/examples/with-tailwindcss/README.md
index 896727736d..afa665b75c 100644
--- a/examples/with-tailwindcss/README.md
+++ b/examples/with-tailwindcss/README.md
@@ -5,6 +5,7 @@ npm create astro@latest -- --template with-tailwindcss
 ```
 
 [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/with-tailwindcss)
+[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/s/github/withastro/astro/tree/latest/examples/with-tailwindcss)
 
 Astro comes with [Tailwind](https://tailwindcss.com) support out of the box. This example showcases how to style your Astro project with Tailwind.
 
diff --git a/examples/with-vite-plugin-pwa/README.md b/examples/with-vite-plugin-pwa/README.md
index 4b5d54f95a..7abd4e9ea6 100644
--- a/examples/with-vite-plugin-pwa/README.md
+++ b/examples/with-vite-plugin-pwa/README.md
@@ -5,6 +5,7 @@ npm create astro@latest -- --template with-vite-plugin-pwa
 ```
 
 [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/with-vite-plugin-pwa)
+[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/s/github/withastro/astro/tree/latest/examples/with-vite-plugin-pwa)
 
 > 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
 
diff --git a/examples/with-vitest/README.md b/examples/with-vitest/README.md
index 97a375dda3..94b63ee4ec 100644
--- a/examples/with-vitest/README.md
+++ b/examples/with-vitest/README.md
@@ -5,5 +5,6 @@ npm create astro@latest -- --template with-vitest
 ```
 
 [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/withastro/astro/tree/latest/examples/with-vitest)
+[![Open with CodeSandbox](https://assets.codesandbox.io/github/button-edit-lime.svg)](https://codesandbox.io/s/github/withastro/astro/tree/latest/examples/with-vitest)
 
 This example showcases Astro working with [Vitest](https://vitest.dev/).