packages/docs/src/pages/index.module.css

@@ -157,6 +157,26 @@
   padding: 0;
 }
 
+.hotReload {
+  align-items: center;
+  color: var(--home-teal);
+  display: inline-flex;
+  font-size: 0.82rem;
+  font-weight: 750;
+  gap: 0.5rem;
+  margin-top: 0.75rem;
+  text-decoration: none !important;
+}
+
+.hotReload span {
+  color: var(--home-amber);
+  font-size: 1rem;
+}
+
+.hotReload:hover {
+  color: var(--home-teal-bright);
+}
+
 .codeStage {
   min-width: 0;
   perspective: 1200px;

packages/docs/src/pages/index.tsx

@@ -126,6 +126,13 @@ export default function Home(): ReactNode {
               <span aria-hidden="true">$</span>
               <code>npm install effect-view effect@beta</code>
             </div>
+            <Link
+              className={styles.hotReload}
+              to="/docs/getting-started#set-up-hot-reloading-with-vite"
+            >
+              <span aria-hidden="true">↻</span>
+              Hot reload with Vite Fast Refresh
+            </Link>
           </div>
 
           <div className={styles.codeStage}>