diff --git a/website/src/pages/index.js b/website/src/pages/index.js
index 71f8a5a6dc..04c436092f 100644
--- a/website/src/pages/index.js
+++ b/website/src/pages/index.js
@@ -147,6 +147,22 @@ experimental: {
   "presets": ["next/babel"],
   "plugins": ["jotai/babel/plugin-react-refresh"]
 }
+`}</Code>
+      <h3>Vite (SWC)</h3>
+      <Code language="bash">{`# npm
+npm install --save-dev @swc-jotai/react-refresh
+
+# vite.config.ts
+import { defineConfig } from 'vite';
+import react from '@vitejs/plugin-react-swc';
+
+export default defineConfig({
+  plugins: [
+    react({
+      plugins: [['@swc-jotai/react-refresh', {}]],
+    }),
+  ],
+});
 `}</Code>
       <h3>Gatsby (Babel)</h3>
       <Code language="bash">{`# npm