From 2b55f897787dfc58423265e8519255c8a1426934 Mon Sep 17 00:00:00 2001
From: Szymon Szulc <szymon.szulc@student.uj.edu.pl>
Date: Tue, 30 Jun 2026 20:16:34 +0200
Subject: [PATCH 01/18] bump expo template

---
 packages/typegpu-cli/src/create.ts            |  2 +-
 .../template-expo-bare/_package.json          | 36 +++++++++++--------
 .../templates/template-expo-bare/app.json     | 28 ++++++++++-----
 3 files changed, 43 insertions(+), 23 deletions(-)

diff --git a/packages/typegpu-cli/src/create.ts b/packages/typegpu-cli/src/create.ts
index 4418337438..0f554ccd19 100644
--- a/packages/typegpu-cli/src/create.ts
+++ b/packages/typegpu-cli/src/create.ts
@@ -113,7 +113,7 @@ export async function createProject(cwd: string, options?: CreateProjectOptions)
   const cdPath = path.relative(cwd, root);
   const installCmd = resolveCommand(pm, 'install', []);
   const prebuildCmd = projectTemplate.includes('expo')
-    ? { command: 'npx', args: ['expo', 'prebuild'] }
+    ? resolveCommand(pm, 'execute', ['expo', 'prebuild'])
     : undefined;
   const runCmd = projectTemplate.includes('expo')
     ? resolveCommand(pm, 'run', ['ios # or android'])
diff --git a/packages/typegpu-cli/templates/template-expo-bare/_package.json b/packages/typegpu-cli/templates/template-expo-bare/_package.json
index 51416be643..fa8c48cbcb 100644
--- a/packages/typegpu-cli/templates/template-expo-bare/_package.json
+++ b/packages/typegpu-cli/templates/template-expo-bare/_package.json
@@ -13,37 +13,45 @@
     "types": "tsc --noEmit -p tsconfig.json"
   },
   "dependencies": {
-    "@typegpu/react": "^0.11.0",
-    "expo": "~54.0.21",
-    "react": "19.1.0",
-    "react-dom": "19.1.0",
-    "react-native": "0.81.5",
-    "react-native-safe-area-context": "~5.6.0",
+    "@typegpu/react": "^0.11.2",
+    "expo": "~56.0.12",
+    "expo-build-properties": "~56.0.19",
+    "expo-splash-screen": "~56.0.10",
+    "react": "19.2.3",
+    "react-dom": "19.2.3",
+    "react-native": "0.85.3",
+    "react-native-safe-area-context": "~5.7.0",
     "react-native-web": "^0.21.0",
     "react-native-webgpu": "^0.5.11",
-    "typegpu": "^0.11.6",
-    "unplugin-typegpu": "^0.11.4"
+    "react-native-worklets": "0.10.0",
+    "typegpu": "^0.11.9",
+    "unplugin-typegpu": "^0.11.6"
   },
   "devDependencies": {
     "@babel/core": "^7.28.5",
-    "@types/react": "~19.1.10",
+    "@types/react": "~19.2.17",
     "@webgpu/types": "^0.1.69",
-    "babel-preset-expo": "^54.0.0",
+    "babel-preset-expo": "~56.0.15",
     "eslint": "^9.38.0",
     "eslint-plugin-typegpu": "^0.11.1",
     "oxfmt": "^0.49.0",
     "oxlint": "^1.64.0",
-    "typescript": "npm:tsover@5.9.2"
+    "typescript": "npm:tsover@6.0.2"
   },
   "resolutions": {
-    "typescript": "npm:tsover@5.9.2"
+    "typescript": "npm:tsover@6.0.2"
   },
   "overrides": {
-    "typescript": "npm:tsover@5.9.2"
+    "typescript": "npm:tsover@6.0.2"
   },
   "pnpm": {
     "overrides": {
-      "typescript": "npm:tsover@5.9.2"
+      "typescript": "npm:tsover@6.0.2"
+    }
+  },
+  "expo": {
+    "install": {
+      "exclude": ["typescript", "react-native-worklets"]
     }
   }
 }
diff --git a/packages/typegpu-cli/templates/template-expo-bare/app.json b/packages/typegpu-cli/templates/template-expo-bare/app.json
index 0917eb6fe0..34e5826e5c 100644
--- a/packages/typegpu-cli/templates/template-expo-bare/app.json
+++ b/packages/typegpu-cli/templates/template-expo-bare/app.json
@@ -5,13 +5,6 @@
     "version": "1.0.0",
     "orientation": "portrait",
     "icon": "./assets/icon.png",
-    "userInterfaceStyle": "automatic",
-    "newArchEnabled": true,
-    "splash": {
-      "image": "./assets/splash-icon.png",
-      "resizeMode": "contain",
-      "backgroundColor": "#ffffff"
-    },
     "ios": {
       "supportsTablet": true,
       "bundleIdentifier": "com.anonymous.typegpubareexpo"
@@ -25,6 +18,25 @@
     },
     "web": {
       "favicon": "./assets/favicon.png"
-    }
+    },
+    "plugins": [
+      [
+        "expo-splash-screen",
+        {
+          "backgroundColor": "#ffffff",
+          "image": "./assets/splash-icon.png",
+          "imageWidth": 200,
+          "resizeMode": "contain"
+        }
+      ],
+      [
+        "expo-build-properties",
+        {
+          "android": {
+            "minSdkVersion": 26
+          }
+        }
+      ]
+    ]
   }
 }

From c72f92601bb657a1c8ae3a9cf552841db8951afb Mon Sep 17 00:00:00 2001
From: Szymon Szulc <szymon.szulc@student.uj.edu.pl>
Date: Tue, 30 Jun 2026 20:21:42 +0200
Subject: [PATCH 02/18] better order of pm inference

---
 packages/typegpu-cli/src/create.ts | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/packages/typegpu-cli/src/create.ts b/packages/typegpu-cli/src/create.ts
index 0f554ccd19..572e79d84b 100644
--- a/packages/typegpu-cli/src/create.ts
+++ b/packages/typegpu-cli/src/create.ts
@@ -86,11 +86,10 @@ export async function createProject(cwd: string, options?: CreateProjectOptions)
 
   p.log.success(`Scaffolded project at ${projectName}.`);
 
-  const detected = await detect({ cwd: root });
-  let pm: Agent | undefined = options?.packageManager ?? detected?.agent;
-  if (!pm && process.env.npm_config_user_agent) {
-    pm = pmFromUserAgent(process.env.npm_config_user_agent);
-  }
+  const userAgentPm = process.env.npm_config_user_agent
+    ? pmFromUserAgent(process.env.npm_config_user_agent)
+    : undefined;
+  const pm = options?.packageManager ?? userAgentPm ?? (await detect({ cwd: root }))?.agent;
   if (!pm) {
     failAndExit('Could not detect package manager. Pass --package-manager <pm>.');
   }

From 41d0b7415551405ee1a46b954f7522380c89c4bb Mon Sep 17 00:00:00 2001
From: Szymon Szulc <szymon.szulc@student.uj.edu.pl>
Date: Tue, 30 Jun 2026 20:25:21 +0200
Subject: [PATCH 03/18] zed and vscode oxc configs

---
 packages/typegpu-cli/src/create.ts            |  8 +++-
 .../_vscode/extensions.json                   |  3 ++
 .../template-expo-bare/_vscode/settings.json  | 15 ++++++-
 .../template-expo-bare/_zed/settings.json     | 43 +++++++++++++++++++
 .../_vscode/extensions.json                   |  3 ++
 .../template-vite-bare/_vscode/settings.json  | 15 ++++++-
 .../template-vite-bare/_zed/settings.json     | 43 +++++++++++++++++++
 .../_vscode/extensions.json                   |  3 ++
 .../_vscode/settings.json                     | 15 ++++++-
 .../template-vite-complex/_zed/settings.json  | 43 +++++++++++++++++++
 .../_vscode/extensions.json                   |  3 ++
 .../template-vite-react/_vscode/settings.json | 15 ++++++-
 .../template-vite-react/_zed/settings.json    | 43 +++++++++++++++++++
 13 files changed, 246 insertions(+), 6 deletions(-)
 create mode 100644 packages/typegpu-cli/templates/template-expo-bare/_vscode/extensions.json
 create mode 100644 packages/typegpu-cli/templates/template-vite-bare/_vscode/extensions.json
 create mode 100644 packages/typegpu-cli/templates/template-vite-complex/_vscode/extensions.json
 create mode 100644 packages/typegpu-cli/templates/template-vite-react/_vscode/extensions.json

diff --git a/packages/typegpu-cli/src/create.ts b/packages/typegpu-cli/src/create.ts
index 572e79d84b..d1386d4e98 100644
--- a/packages/typegpu-cli/src/create.ts
+++ b/packages/typegpu-cli/src/create.ts
@@ -139,9 +139,13 @@ export async function createProject(cwd: string, options?: CreateProjectOptions)
     msg += steps.join('\n');
     msg += `\n\n`;
     msg += `\
+   Note: To enable Oxlint highlighting, install the OXC extension for your editor,
+   or refer to the documentation:
+   https://oxc.rs/docs/guide/usage/linter/editors.html
+
    Note: If you are using VS Code or Cursor, you may need to run
-   “TypeScript: Select TypeScript Version” and choose
-   “Use Workspace Version” to enable tsover.`;
+   "TypeScript: Select TypeScript Version" and choose
+   "Use Workspace Version" to enable tsover.`;
   }
 
   p.outro(msg);
diff --git a/packages/typegpu-cli/templates/template-expo-bare/_vscode/extensions.json b/packages/typegpu-cli/templates/template-expo-bare/_vscode/extensions.json
new file mode 100644
index 0000000000..99e2f7ddf7
--- /dev/null
+++ b/packages/typegpu-cli/templates/template-expo-bare/_vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+  "recommendations": ["oxc.oxc-vscode"]
+}
diff --git a/packages/typegpu-cli/templates/template-expo-bare/_vscode/settings.json b/packages/typegpu-cli/templates/template-expo-bare/_vscode/settings.json
index 0dfacd95d2..1056eac024 100644
--- a/packages/typegpu-cli/templates/template-expo-bare/_vscode/settings.json
+++ b/packages/typegpu-cli/templates/template-expo-bare/_vscode/settings.json
@@ -1,5 +1,18 @@
 {
   "typescript.tsdk": "node_modules/typescript/lib",
   "typescript.preferences.importModuleSpecifier": "relative",
-  "typescript.enablePromptUseWorkspaceTsdk": true
+  "typescript.enablePromptUseWorkspaceTsdk": true,
+
+  "oxc.configPath": "oxlint.config.ts",
+  "oxc.fmt.configPath": ".oxfmtrc.json",
+  "oxc.lint.run": "onType",
+  "editor.defaultFormatter": "oxc.oxc-vscode",
+  "editor.formatOnSave": true,
+  "editor.formatOnSaveMode": "file",
+
+  "editor.codeActionsOnSave": {
+    "source.organizeImports": "never",
+    "source.format.oxc": "always",
+    "source.fixAll.oxc": "always"
+  }
 }
diff --git a/packages/typegpu-cli/templates/template-expo-bare/_zed/settings.json b/packages/typegpu-cli/templates/template-expo-bare/_zed/settings.json
index 9d7badfbd2..ee27702340 100644
--- a/packages/typegpu-cli/templates/template-expo-bare/_zed/settings.json
+++ b/packages/typegpu-cli/templates/template-expo-bare/_zed/settings.json
@@ -10,6 +10,49 @@
           "tsdk": "node_modules/typescript/lib"
         }
       }
+    },
+    "oxlint": {
+      "initialization_options": {
+        "settings": {
+          "configPath": "./oxlint.config.ts",
+          "run": "onType",
+          "fixKind": "safe_fix"
+        }
+      }
+    },
+    "oxfmt": {
+      "initialization_options": {
+        "settings": {
+          "fmt.configPath": ".oxfmtrc.json"
+        }
+      }
+    }
+  },
+  "languages": {
+    "TypeScript": {
+      "format_on_save": "on",
+      "prettier": { "allowed": false },
+      "formatter": [{ "language_server": { "name": "oxfmt" } }]
+    },
+    "TSX": {
+      "format_on_save": "on",
+      "prettier": { "allowed": false },
+      "formatter": [{ "language_server": { "name": "oxfmt" } }]
+    },
+    "JavaScript": {
+      "format_on_save": "on",
+      "prettier": { "allowed": false },
+      "formatter": [{ "language_server": { "name": "oxfmt" } }]
+    },
+    "JSON": {
+      "format_on_save": "on",
+      "prettier": { "allowed": false },
+      "formatter": [{ "language_server": { "name": "oxfmt" } }]
+    },
+    "JSONC": {
+      "format_on_save": "on",
+      "prettier": { "allowed": false },
+      "formatter": [{ "language_server": { "name": "oxfmt" } }]
     }
   }
 }
diff --git a/packages/typegpu-cli/templates/template-vite-bare/_vscode/extensions.json b/packages/typegpu-cli/templates/template-vite-bare/_vscode/extensions.json
new file mode 100644
index 0000000000..99e2f7ddf7
--- /dev/null
+++ b/packages/typegpu-cli/templates/template-vite-bare/_vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+  "recommendations": ["oxc.oxc-vscode"]
+}
diff --git a/packages/typegpu-cli/templates/template-vite-bare/_vscode/settings.json b/packages/typegpu-cli/templates/template-vite-bare/_vscode/settings.json
index 0dfacd95d2..1056eac024 100644
--- a/packages/typegpu-cli/templates/template-vite-bare/_vscode/settings.json
+++ b/packages/typegpu-cli/templates/template-vite-bare/_vscode/settings.json
@@ -1,5 +1,18 @@
 {
   "typescript.tsdk": "node_modules/typescript/lib",
   "typescript.preferences.importModuleSpecifier": "relative",
-  "typescript.enablePromptUseWorkspaceTsdk": true
+  "typescript.enablePromptUseWorkspaceTsdk": true,
+
+  "oxc.configPath": "oxlint.config.ts",
+  "oxc.fmt.configPath": ".oxfmtrc.json",
+  "oxc.lint.run": "onType",
+  "editor.defaultFormatter": "oxc.oxc-vscode",
+  "editor.formatOnSave": true,
+  "editor.formatOnSaveMode": "file",
+
+  "editor.codeActionsOnSave": {
+    "source.organizeImports": "never",
+    "source.format.oxc": "always",
+    "source.fixAll.oxc": "always"
+  }
 }
diff --git a/packages/typegpu-cli/templates/template-vite-bare/_zed/settings.json b/packages/typegpu-cli/templates/template-vite-bare/_zed/settings.json
index 9d7badfbd2..ee27702340 100644
--- a/packages/typegpu-cli/templates/template-vite-bare/_zed/settings.json
+++ b/packages/typegpu-cli/templates/template-vite-bare/_zed/settings.json
@@ -10,6 +10,49 @@
           "tsdk": "node_modules/typescript/lib"
         }
       }
+    },
+    "oxlint": {
+      "initialization_options": {
+        "settings": {
+          "configPath": "./oxlint.config.ts",
+          "run": "onType",
+          "fixKind": "safe_fix"
+        }
+      }
+    },
+    "oxfmt": {
+      "initialization_options": {
+        "settings": {
+          "fmt.configPath": ".oxfmtrc.json"
+        }
+      }
+    }
+  },
+  "languages": {
+    "TypeScript": {
+      "format_on_save": "on",
+      "prettier": { "allowed": false },
+      "formatter": [{ "language_server": { "name": "oxfmt" } }]
+    },
+    "TSX": {
+      "format_on_save": "on",
+      "prettier": { "allowed": false },
+      "formatter": [{ "language_server": { "name": "oxfmt" } }]
+    },
+    "JavaScript": {
+      "format_on_save": "on",
+      "prettier": { "allowed": false },
+      "formatter": [{ "language_server": { "name": "oxfmt" } }]
+    },
+    "JSON": {
+      "format_on_save": "on",
+      "prettier": { "allowed": false },
+      "formatter": [{ "language_server": { "name": "oxfmt" } }]
+    },
+    "JSONC": {
+      "format_on_save": "on",
+      "prettier": { "allowed": false },
+      "formatter": [{ "language_server": { "name": "oxfmt" } }]
     }
   }
 }
diff --git a/packages/typegpu-cli/templates/template-vite-complex/_vscode/extensions.json b/packages/typegpu-cli/templates/template-vite-complex/_vscode/extensions.json
new file mode 100644
index 0000000000..99e2f7ddf7
--- /dev/null
+++ b/packages/typegpu-cli/templates/template-vite-complex/_vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+  "recommendations": ["oxc.oxc-vscode"]
+}
diff --git a/packages/typegpu-cli/templates/template-vite-complex/_vscode/settings.json b/packages/typegpu-cli/templates/template-vite-complex/_vscode/settings.json
index 0dfacd95d2..1056eac024 100644
--- a/packages/typegpu-cli/templates/template-vite-complex/_vscode/settings.json
+++ b/packages/typegpu-cli/templates/template-vite-complex/_vscode/settings.json
@@ -1,5 +1,18 @@
 {
   "typescript.tsdk": "node_modules/typescript/lib",
   "typescript.preferences.importModuleSpecifier": "relative",
-  "typescript.enablePromptUseWorkspaceTsdk": true
+  "typescript.enablePromptUseWorkspaceTsdk": true,
+
+  "oxc.configPath": "oxlint.config.ts",
+  "oxc.fmt.configPath": ".oxfmtrc.json",
+  "oxc.lint.run": "onType",
+  "editor.defaultFormatter": "oxc.oxc-vscode",
+  "editor.formatOnSave": true,
+  "editor.formatOnSaveMode": "file",
+
+  "editor.codeActionsOnSave": {
+    "source.organizeImports": "never",
+    "source.format.oxc": "always",
+    "source.fixAll.oxc": "always"
+  }
 }
diff --git a/packages/typegpu-cli/templates/template-vite-complex/_zed/settings.json b/packages/typegpu-cli/templates/template-vite-complex/_zed/settings.json
index 9d7badfbd2..ee27702340 100644
--- a/packages/typegpu-cli/templates/template-vite-complex/_zed/settings.json
+++ b/packages/typegpu-cli/templates/template-vite-complex/_zed/settings.json
@@ -10,6 +10,49 @@
           "tsdk": "node_modules/typescript/lib"
         }
       }
+    },
+    "oxlint": {
+      "initialization_options": {
+        "settings": {
+          "configPath": "./oxlint.config.ts",
+          "run": "onType",
+          "fixKind": "safe_fix"
+        }
+      }
+    },
+    "oxfmt": {
+      "initialization_options": {
+        "settings": {
+          "fmt.configPath": ".oxfmtrc.json"
+        }
+      }
+    }
+  },
+  "languages": {
+    "TypeScript": {
+      "format_on_save": "on",
+      "prettier": { "allowed": false },
+      "formatter": [{ "language_server": { "name": "oxfmt" } }]
+    },
+    "TSX": {
+      "format_on_save": "on",
+      "prettier": { "allowed": false },
+      "formatter": [{ "language_server": { "name": "oxfmt" } }]
+    },
+    "JavaScript": {
+      "format_on_save": "on",
+      "prettier": { "allowed": false },
+      "formatter": [{ "language_server": { "name": "oxfmt" } }]
+    },
+    "JSON": {
+      "format_on_save": "on",
+      "prettier": { "allowed": false },
+      "formatter": [{ "language_server": { "name": "oxfmt" } }]
+    },
+    "JSONC": {
+      "format_on_save": "on",
+      "prettier": { "allowed": false },
+      "formatter": [{ "language_server": { "name": "oxfmt" } }]
     }
   }
 }
diff --git a/packages/typegpu-cli/templates/template-vite-react/_vscode/extensions.json b/packages/typegpu-cli/templates/template-vite-react/_vscode/extensions.json
new file mode 100644
index 0000000000..99e2f7ddf7
--- /dev/null
+++ b/packages/typegpu-cli/templates/template-vite-react/_vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+  "recommendations": ["oxc.oxc-vscode"]
+}
diff --git a/packages/typegpu-cli/templates/template-vite-react/_vscode/settings.json b/packages/typegpu-cli/templates/template-vite-react/_vscode/settings.json
index 0dfacd95d2..1056eac024 100644
--- a/packages/typegpu-cli/templates/template-vite-react/_vscode/settings.json
+++ b/packages/typegpu-cli/templates/template-vite-react/_vscode/settings.json
@@ -1,5 +1,18 @@
 {
   "typescript.tsdk": "node_modules/typescript/lib",
   "typescript.preferences.importModuleSpecifier": "relative",
-  "typescript.enablePromptUseWorkspaceTsdk": true
+  "typescript.enablePromptUseWorkspaceTsdk": true,
+
+  "oxc.configPath": "oxlint.config.ts",
+  "oxc.fmt.configPath": ".oxfmtrc.json",
+  "oxc.lint.run": "onType",
+  "editor.defaultFormatter": "oxc.oxc-vscode",
+  "editor.formatOnSave": true,
+  "editor.formatOnSaveMode": "file",
+
+  "editor.codeActionsOnSave": {
+    "source.organizeImports": "never",
+    "source.format.oxc": "always",
+    "source.fixAll.oxc": "always"
+  }
 }
diff --git a/packages/typegpu-cli/templates/template-vite-react/_zed/settings.json b/packages/typegpu-cli/templates/template-vite-react/_zed/settings.json
index 9d7badfbd2..ee27702340 100644
--- a/packages/typegpu-cli/templates/template-vite-react/_zed/settings.json
+++ b/packages/typegpu-cli/templates/template-vite-react/_zed/settings.json
@@ -10,6 +10,49 @@
           "tsdk": "node_modules/typescript/lib"
         }
       }
+    },
+    "oxlint": {
+      "initialization_options": {
+        "settings": {
+          "configPath": "./oxlint.config.ts",
+          "run": "onType",
+          "fixKind": "safe_fix"
+        }
+      }
+    },
+    "oxfmt": {
+      "initialization_options": {
+        "settings": {
+          "fmt.configPath": ".oxfmtrc.json"
+        }
+      }
+    }
+  },
+  "languages": {
+    "TypeScript": {
+      "format_on_save": "on",
+      "prettier": { "allowed": false },
+      "formatter": [{ "language_server": { "name": "oxfmt" } }]
+    },
+    "TSX": {
+      "format_on_save": "on",
+      "prettier": { "allowed": false },
+      "formatter": [{ "language_server": { "name": "oxfmt" } }]
+    },
+    "JavaScript": {
+      "format_on_save": "on",
+      "prettier": { "allowed": false },
+      "formatter": [{ "language_server": { "name": "oxfmt" } }]
+    },
+    "JSON": {
+      "format_on_save": "on",
+      "prettier": { "allowed": false },
+      "formatter": [{ "language_server": { "name": "oxfmt" } }]
+    },
+    "JSONC": {
+      "format_on_save": "on",
+      "prettier": { "allowed": false },
+      "formatter": [{ "language_server": { "name": "oxfmt" } }]
     }
   }
 }

From c40c4a1f75dd0199425d9ce5c2c651c23f724881 Mon Sep 17 00:00:00 2001
From: Szymon Szulc <szymon.szulc@student.uj.edu.pl>
Date: Tue, 30 Jun 2026 20:39:15 +0200
Subject: [PATCH 04/18] unused import

---
 packages/typegpu-cli/src/create.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/typegpu-cli/src/create.ts b/packages/typegpu-cli/src/create.ts
index d1386d4e98..fdcc02124e 100644
--- a/packages/typegpu-cli/src/create.ts
+++ b/packages/typegpu-cli/src/create.ts
@@ -5,7 +5,7 @@ import { pmFromUserAgent, pmInstall } from './utils/pm.ts';
 import { cancelExit, confirmStep, failAndExit, rgbText } from './utils/prompts.ts';
 import { scaffoldProject, prepareDirectory } from './utils/files.ts';
 import { getProjectName, isValidPackageName, getPackageName } from './utils/inputs.ts';
-import { detect, resolveCommand, type Agent } from 'package-manager-detector';
+import { detect, resolveCommand } from 'package-manager-detector';
 import { addAgentSkills, askForAgentSkills } from './steps/skills.ts';
 import {
   DEFAULT_PROJECT_TEMPLATE,

From a9791fc445e2922ac4828db3b81734b725b8ad51 Mon Sep 17 00:00:00 2001
From: Szymon Szulc <szymon.szulc@student.uj.edu.pl>
Date: Tue, 30 Jun 2026 20:38:46 +0200
Subject: [PATCH 05/18] ascii logo

---
 packages/typegpu-cli/src/index.ts      | 3 +++
 packages/typegpu-cli/src/utils/logo.ts | 1 +
 2 files changed, 4 insertions(+)
 create mode 100644 packages/typegpu-cli/src/utils/logo.ts

diff --git a/packages/typegpu-cli/src/index.ts b/packages/typegpu-cli/src/index.ts
index b254217332..d55ff6f094 100644
--- a/packages/typegpu-cli/src/index.ts
+++ b/packages/typegpu-cli/src/index.ts
@@ -14,6 +14,7 @@ import {
 } from './options.ts';
 import { failAndExit } from './utils/prompts.ts';
 import { typegpuPkgs } from './utils/pkg.ts';
+import { typegpuAsciiLogo } from './utils/logo.ts';
 
 function formatHelpEntries(entries: readonly { value: string; label?: string; hint?: string }[]) {
   const maxLength = Math.max(...entries.map((entry) => entry.value.length));
@@ -74,6 +75,8 @@ const commonOptions = {
   ...(packageManager ? { packageManager } : {}),
 };
 
+console.log(typegpuAsciiLogo);
+
 if (argv.enhance) {
   const targetDir = positionals[0] ? path.resolve(cwd, positionals[0]) : cwd;
   if (!fs.existsSync(targetDir) || !fs.statSync(targetDir).isDirectory()) {
diff --git a/packages/typegpu-cli/src/utils/logo.ts b/packages/typegpu-cli/src/utils/logo.ts
new file mode 100644
index 0000000000..a92496485e
--- /dev/null
+++ b/packages/typegpu-cli/src/utils/logo.ts
@@ -0,0 +1 @@
+export const typegpuAsciiLogo = `          \u001b[38;2;209;137;255ma\u001b[0m                             \n          \u001b[38;2;211;140;254m)\u001b[0m\u001b[38;2;209;138;255mL\u001b[0m                            \n         \u001b[38;2;211;140;255m\\\u001b[0m\u001b[38;2;216;144;255m[\u001b[0m\u001b[38;2;211;140;255m1\u001b[0m                            \n         \u001b[38;2;210;138;255mY\u001b[0m\u001b[38;2;211;140;255m{\u001b[0m\u001b[38;2;226;150;255m?\u001b[0m\u001b[38;2;210;139;255mc\u001b[0m                           \n          \u001b[38;2;209;136;255m#\u001b[0m\u001b[38;2;210;139;255mJ\u001b[0m\u001b[38;2;210;139;255m(\u001b[0m\u001b[38;2;207;139;255ma\u001b[0m                          \n             \u001b[38;2;207;137;254mp\u001b[0m\u001b[38;2;207;137;254mp\u001b[0m\u001b[38;2;210;140;255mZ\u001b[0m\u001b[38;2;212;140;255mZ\u001b[0m\u001b[38;2;213;142;255mp\u001b[0m\u001b[38;2;215;143;255mk\u001b[0m\u001b[38;2;211;139;255ma\u001b[0m\u001b[38;2;209;136;254mo\u001b[0m\u001b[38;2;201;132;255m#\u001b[0m\u001b[38;2;191;133;248mM\u001b[0m                 \n               \u001b[38;2;209;138;255mp\u001b[0m\u001b[38;2;209;138;255mv\u001b[0m\u001b[38;2;206;137;253m{\u001b[0m\u001b[38;2;217;147;255m]\u001b[0m\u001b[38;2;203;138;255m{\u001b[0m\u001b[38;2;194;134;252m)\u001b[0m\u001b[38;2;188;132;251m(\u001b[0m\u001b[38;2;184;130;251m|\u001b[0m\u001b[38;2;180;128;250m\\\u001b[0m\u001b[38;2;174;126;250m/\u001b[0m\u001b[38;2;170;124;248mt\u001b[0m\u001b[38;2;165;122;248mr\u001b[0m\u001b[38;2;161;120;246mx\u001b[0m\u001b[38;2;155;118;246mc\u001b[0m\u001b[38;2;148;114;244mw\u001b[0m          \n          \u001b[38;2;162;125;255mk\u001b[0m\u001b[38;2;160;126;255mX\u001b[0m\u001b[38;2;157;125;255mq\u001b[0m     \u001b[38;2;185;129;251mQ\u001b[0m\u001b[38;2;179;127;249mt\u001b[0m\u001b[38;2;185;134;255m)\u001b[0m\u001b[38;2;173;126;251m|\u001b[0m\u001b[38;2;167;123;249m\\\u001b[0m\u001b[38;2;164;123;251m\\\u001b[0m\u001b[38;2;160;121;251m/\u001b[0m\u001b[38;2;157;120;252mt\u001b[0m\u001b[38;2;153;119;252mt\u001b[0m\u001b[38;2;149;117;253mf\u001b[0m\u001b[38;2;147;117;255mf\u001b[0m\u001b[38;2;144;117;255mf\u001b[0m\u001b[38;2;128;106;241md\u001b[0m         \n         \u001b[38;2;156;125;254mJ\u001b[0m\u001b[38;2;162;129;255m\\\u001b[0m\u001b[38;2;164;132;255m|\u001b[0m\u001b[38;2;162;132;255m|\u001b[0m\u001b[38;2;151;123;255mr\u001b[0m\u001b[38;2;148;122;255mQ\u001b[0m\u001b[38;2;149;123;255m*\u001b[0m    \u001b[38;2;160;119;246m0\u001b[0m\u001b[38;2;153;116;246mf\u001b[0m\u001b[38;2;154;120;254mt\u001b[0m\u001b[38;2;145;114;245mj\u001b[0m\u001b[38;2;140;112;244mr\u001b[0m\u001b[38;2;136;111;245mr\u001b[0m\u001b[38;2;132;108;243mx\u001b[0m\u001b[38;2;128;107;243mn\u001b[0m\u001b[38;2;122;105;242mn\u001b[0m\u001b[38;2;118;104;242mu\u001b[0m\u001b[38;2;115;102;242mu\u001b[0m\u001b[38;2;102;93;238mM\u001b[0m        \n       \u001b[38;2;155;123;255md\u001b[0m\u001b[38;2;154;124;255mr\u001b[0m\u001b[38;2;162;131;255m|\u001b[0m\u001b[38;2;151;124;255m/\u001b[0m\u001b[38;2;149;124;254mt\u001b[0m\u001b[38;2;148;123;254mt\u001b[0m\u001b[38;2;149;125;255m/\u001b[0m\u001b[38;2;154;130;255m\\\u001b[0m\u001b[38;2;142;121;255mf\u001b[0m\u001b[38;2;140;120;255mY\u001b[0m\u001b[38;2;137;117;255mk\u001b[0m   \u001b[38;2;137;109;242m#\u001b[0m\u001b[38;2;132;108;244mX\u001b[0m\u001b[38;2;133;112;254mr\u001b[0m\u001b[38;2;124;105;243mn\u001b[0m\u001b[38;2;120;104;243mn\u001b[0m\u001b[38;2;116;102;242mu\u001b[0m\u001b[38;2;111;101;241mv\u001b[0m\u001b[38;2;107;99;242mv\u001b[0m\u001b[38;2;102;97;240mc\u001b[0m\u001b[38;2;97;95;240mz\u001b[0m\u001b[38;2;92;92;238mJ\u001b[0m        \n      \u001b[38;2;151;121;255m0\u001b[0m\u001b[38;2;156;128;255m\\\u001b[0m\u001b[38;2;152;126;255m/\u001b[0m\u001b[38;2;147;123;254mt\u001b[0m\u001b[38;2;146;122;255mt\u001b[0m\u001b[38;2;145;123;255mt\u001b[0m\u001b[38;2;142;121;255mf\u001b[0m\u001b[38;2;140;121;255mf\u001b[0m\u001b[38;2;139;120;255mj\u001b[0m\u001b[38;2;138;121;255mf\u001b[0m\u001b[38;2;142;126;255mt\u001b[0m\u001b[38;2;138;123;255mf\u001b[0m\u001b[38;2;131;118;255mz\u001b[0m\u001b[38;2;127;115;255mh\u001b[0m   \u001b[38;2;111;99;240m0\u001b[0m\u001b[38;2;110;102;250mu\u001b[0m\u001b[38;2;103;97;240mc\u001b[0m\u001b[38;2;98;95;241mz\u001b[0m\u001b[38;2;94;93;240mz\u001b[0m\u001b[38;2;89;92;239mX\u001b[0m\u001b[38;2;85;90;239mY\u001b[0m\u001b[38;2;82;89;236mY\u001b[0m\u001b[38;2;82;89;240mY\u001b[0m\u001b[38;2;76;84;232mZ\u001b[0m       \n      \u001b[38;2;144;120;255mb\u001b[0m\u001b[38;2;147;124;255mt\u001b[0m\u001b[38;2;143;122;254mf\u001b[0m\u001b[38;2;142;122;255mt\u001b[0m\u001b[38;2;141;121;255mf\u001b[0m\u001b[38;2;139;121;255mf\u001b[0m\u001b[38;2;137;120;255mf\u001b[0m\u001b[38;2;135;120;255mf\u001b[0m\u001b[38;2;133;120;255mf\u001b[0m\u001b[38;2;131;119;255mj\u001b[0m\u001b[38;2;129;118;254mr\u001b[0m\u001b[38;2;129;117;255mr\u001b[0m\u001b[38;2;131;122;255mf\u001b[0m\u001b[38;2;128;120;255mj\u001b[0m\u001b[38;2;122;114;255mQ\u001b[0m   \u001b[38;2;89;91;238mm\u001b[0m\u001b[38;2;88;92;244mX\u001b[0m\u001b[38;2;83;89;237mY\u001b[0m\u001b[38;2;80;88;237mU\u001b[0m\u001b[38;2;79;86;235mU\u001b[0m\u001b[38;2;77;85;234mU\u001b[0m\u001b[38;2;76;84;232mJ\u001b[0m\u001b[38;2;74;82;229mJ\u001b[0m\u001b[38;2;76;85;235mU\u001b[0m\u001b[38;2;69;78;224mk\u001b[0m      \n       \u001b[38;2;138;118;255mO\u001b[0m\u001b[38;2;142;124;255mt\u001b[0m\u001b[38;2;136;120;255mf\u001b[0m\u001b[38;2;135;120;255mf\u001b[0m\u001b[38;2;133;119;255mj\u001b[0m\u001b[38;2;132;119;255mj\u001b[0m\u001b[38;2;130;118;255mj\u001b[0m\u001b[38;2;128;118;255mj\u001b[0m\u001b[38;2;126;118;255mj\u001b[0m\u001b[38;2;124;117;255mr\u001b[0m\u001b[38;2;122;116;255mr\u001b[0m\u001b[38;2;120;115;255mx\u001b[0m\u001b[38;2;119;115;255mx\u001b[0m\u001b[38;2;124;121;255mj\u001b[0m\u001b[38;2;115;113;255mc\u001b[0m\u001b[38;2;105;109;250mM\u001b[0m  \u001b[38;2;76;85;233m0\u001b[0m\u001b[38;2;76;85;232mU\u001b[0m\u001b[38;2;75;83;230mJ\u001b[0m\u001b[38;2;74;82;228mJ\u001b[0m\u001b[38;2;72;81;227mC\u001b[0m\u001b[38;2;71;80;225mC\u001b[0m\u001b[38;2;69;79;224mC\u001b[0m\u001b[38;2;67;77;222mL\u001b[0m\u001b[38;2;69;79;230mC\u001b[0m\u001b[38;2;58;70;215m&\u001b[0m     \n        \u001b[38;2;132;118;255mU\u001b[0m\u001b[38;2;134;121;255mf\u001b[0m\u001b[38;2;129;118;255mj\u001b[0m\u001b[38;2;128;118;255mj\u001b[0m\u001b[38;2;126;117;255mj\u001b[0m\u001b[38;2;124;117;255mr\u001b[0m\u001b[38;2;123;116;255mr\u001b[0m\u001b[38;2;120;116;255mr\u001b[0m\u001b[38;2;119;115;255mr\u001b[0m\u001b[38;2;118;114;255mx\u001b[0m\u001b[38;2;116;115;255mx\u001b[0m\u001b[38;2;112;113;254mx\u001b[0m\u001b[38;2;108;113;252mn\u001b[0m\u001b[38;2;106;114;255mn\u001b[0m\u001b[38;2;97;109;250mc\u001b[0m\u001b[38;2;91;104;245m*\u001b[0m \u001b[38;2;65;80;225m&\u001b[0m\u001b[38;2;71;80;226mC\u001b[0m\u001b[38;2;70;79;224mC\u001b[0m\u001b[38;2;68;78;223mL\u001b[0m\u001b[38;2;67;77;222mL\u001b[0m\u001b[38;2;65;75;219mL\u001b[0m\u001b[38;2;63;73;218mQ\u001b[0m\u001b[38;2;65;76;226mL\u001b[0m\u001b[38;2;60;70;216mm\u001b[0m\u001b[38;2;56;68;209m%\u001b[0m     \n         \u001b[38;2;125;116;255mv\u001b[0m\u001b[38;2;124;117;255mr\u001b[0m\u001b[38;2;122;116;255mr\u001b[0m\u001b[38;2;121;116;255mr\u001b[0m\u001b[38;2;119;115;255mr\u001b[0m\u001b[38;2;117;115;255mx\u001b[0m\u001b[38;2;115;114;255mx\u001b[0m\u001b[38;2;112;114;254mx\u001b[0m\u001b[38;2;108;113;253mn\u001b[0m\u001b[38;2;103;112;252mn\u001b[0m\u001b[38;2;98;111;251mu\u001b[0m\u001b[38;2;93;109;249mv\u001b[0m\u001b[38;2;88;108;247mc\u001b[0m\u001b[38;2;84;109;249mv\u001b[0m\u001b[38;2;78;105;243mz\u001b[0m\u001b[38;2;67;102;237m#\u001b[0m \u001b[38;2;64;74;219mq\u001b[0m\u001b[38;2;64;74;218mQ\u001b[0m\u001b[38;2;63;73;218mQ\u001b[0m\u001b[38;2;61;72;215mQ\u001b[0m\u001b[38;2;59;71;214m0\u001b[0m\u001b[38;2;61;73;222mQ\u001b[0m\u001b[38;2;56;67;209md\u001b[0m       \n         \u001b[38;2;115;110;255mM\u001b[0m\u001b[38;2;117;114;255mx\u001b[0m\u001b[38;2;117;115;255mx\u001b[0m\u001b[38;2;114;114;255mn\u001b[0m\u001b[38;2;111;113;255mn\u001b[0m\u001b[38;2;107;112;252mn\u001b[0m\u001b[38;2;103;112;252mu\u001b[0m\u001b[38;2;97;109;249mv\u001b[0m\u001b[38;2;92;108;248mv\u001b[0m\u001b[38;2;87;108;247mc\u001b[0m\u001b[38;2;83;107;245mc\u001b[0m\u001b[38;2;78;106;244mz\u001b[0m\u001b[38;2;73;105;243mz\u001b[0m\u001b[38;2;68;104;241mX\u001b[0m\u001b[38;2;64;103;241mX\u001b[0m\u001b[38;2;59;101;239mU\u001b[0m\u001b[38;2;50;95;232m&\u001b[0m\u001b[38;2;57;63;210mW\u001b[0m\u001b[38;2;59;70;214m0\u001b[0m\u001b[38;2;57;69;211m0\u001b[0m\u001b[38;2;56;69;212m0\u001b[0m\u001b[38;2;55;68;212mO\u001b[0m\u001b[38;2;52;65;206ma\u001b[0m        \n          \u001b[38;2;110;110;255mk\u001b[0m\u001b[38;2;106;112;254mn\u001b[0m\u001b[38;2;107;119;255mx\u001b[0m\u001b[38;2;101;117;255mn\u001b[0m\u001b[38;2;95;115;255mn\u001b[0m\u001b[38;2;90;113;255mu\u001b[0m\u001b[38;2;84;111;255mv\u001b[0m\u001b[38;2;79;109;252mc\u001b[0m\u001b[38;2;74;107;248mz\u001b[0m\u001b[38;2;69;105;245mz\u001b[0m\u001b[38;2;64;104;243mX\u001b[0m\u001b[38;2;59;103;241mY\u001b[0m\u001b[38;2;54;101;238mU\u001b[0m\u001b[38;2;49;99;236mU\u001b[0m\u001b[38;2;44;99;235mJ\u001b[0m\u001b[38;2;39;97;232mQ\u001b[0m \u001b[38;2;53;64;205mZ\u001b[0m\u001b[38;2;53;67;212mO\u001b[0m\u001b[38;2;49;62;202mm\u001b[0m\u001b[38;2;48;63;200mM\u001b[0m         \n           \u001b[38;2;91;106;251m#\u001b[0m\u001b[38;2;86;106;245mq\u001b[0m\u001b[38;2;82;107;245mZ\u001b[0m\u001b[38;2;77;106;244mO\u001b[0m\u001b[38;2;73;104;243m0\u001b[0m\u001b[38;2;66;103;241mQ\u001b[0m\u001b[38;2;62;102;240mC\u001b[0m\u001b[38;2;57;100;237mC\u001b[0m\u001b[38;2;53;100;237mJ\u001b[0m\u001b[38;2;47;99;236mJ\u001b[0m\u001b[38;2;42;98;234mC\u001b[0m\u001b[38;2;38;97;234mC\u001b[0m\u001b[38;2;34;98;236mC\u001b[0m\u001b[38;2;29;98;238mC\u001b[0m\u001b[38;2;25;101;246mC\u001b[0m\u001b[38;2;15;91;227mm\u001b[0m\u001b[38;2;43;61;201mb\u001b[0m\u001b[38;2;45;59;199md\u001b[0m\u001b[38;2;43;54;195m%\u001b[0m          \n                     \u001b[38;2;28;92;231m8\u001b[0m\u001b[38;2;25;95;229m&\u001b[0m\u001b[38;2;20;93;227mW\u001b[0m\u001b[38;2;17;93;226m#\u001b[0m\u001b[38;2;9;91;227m*\u001b[0m\u001b[38;2;7;90;225ma\u001b[0m\u001b[38;2;24;67;205mW\u001b[0m            \n                                        `;

From cbc2460bd51af11ce60d7bf723e6c487949324b0 Mon Sep 17 00:00:00 2001
From: Szymon Szulc <szymon.szulc@student.uj.edu.pl>
Date: Tue, 30 Jun 2026 20:38:56 +0200
Subject: [PATCH 06/18] matching gradient

---
 packages/typegpu-cli/src/create.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/typegpu-cli/src/create.ts b/packages/typegpu-cli/src/create.ts
index fdcc02124e..f30d8fd29c 100644
--- a/packages/typegpu-cli/src/create.ts
+++ b/packages/typegpu-cli/src/create.ts
@@ -16,7 +16,7 @@ import {
 } from './options.ts';
 
 const GRADIENT_START = [0.831, 0.553, 1.0] as const;
-const GRADIENT_END = [0.32, 0.4, 0.95] as const;
+const GRADIENT_END = [0.0, 0.349, 0.874] as const;
 
 const coloredLabelsTemplates = PROJECT_TEMPLATES.map((template, i) => {
   const t = i / (PROJECT_TEMPLATES.length - 1);

From f5304efaa4590d004c68d6d1728fec8800df4bec Mon Sep 17 00:00:00 2001
From: Szymon Szulc <szymon.szulc@student.uj.edu.pl>
Date: Wed, 1 Jul 2026 16:53:19 +0200
Subject: [PATCH 07/18] smaller logo + no color mode

---
 packages/typegpu-cli/src/index.ts      | 8 ++++++--
 packages/typegpu-cli/src/utils/logo.ts | 4 +++-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/packages/typegpu-cli/src/index.ts b/packages/typegpu-cli/src/index.ts
index d55ff6f094..7e88cdf5fd 100644
--- a/packages/typegpu-cli/src/index.ts
+++ b/packages/typegpu-cli/src/index.ts
@@ -14,7 +14,7 @@ import {
 } from './options.ts';
 import { failAndExit } from './utils/prompts.ts';
 import { typegpuPkgs } from './utils/pkg.ts';
-import { typegpuAsciiLogo } from './utils/logo.ts';
+import { typegpuAsciiLogoColor, typegpuAsciiLogoNoColor } from './utils/logo.ts';
 
 function formatHelpEntries(entries: readonly { value: string; label?: string; hint?: string }[]) {
   const maxLength = Math.max(...entries.map((entry) => entry.value.length));
@@ -75,7 +75,11 @@ const commonOptions = {
   ...(packageManager ? { packageManager } : {}),
 };
 
-console.log(typegpuAsciiLogo);
+if (!process.env.NO_COLOR) {
+  console.log(typegpuAsciiLogoColor);
+} else {
+  console.log(typegpuAsciiLogoNoColor);
+}
 
 if (argv.enhance) {
   const targetDir = positionals[0] ? path.resolve(cwd, positionals[0]) : cwd;
diff --git a/packages/typegpu-cli/src/utils/logo.ts b/packages/typegpu-cli/src/utils/logo.ts
index a92496485e..b43e64e8ba 100644
--- a/packages/typegpu-cli/src/utils/logo.ts
+++ b/packages/typegpu-cli/src/utils/logo.ts
@@ -1 +1,3 @@
-export const typegpuAsciiLogo = `          \u001b[38;2;209;137;255ma\u001b[0m                             \n          \u001b[38;2;211;140;254m)\u001b[0m\u001b[38;2;209;138;255mL\u001b[0m                            \n         \u001b[38;2;211;140;255m\\\u001b[0m\u001b[38;2;216;144;255m[\u001b[0m\u001b[38;2;211;140;255m1\u001b[0m                            \n         \u001b[38;2;210;138;255mY\u001b[0m\u001b[38;2;211;140;255m{\u001b[0m\u001b[38;2;226;150;255m?\u001b[0m\u001b[38;2;210;139;255mc\u001b[0m                           \n          \u001b[38;2;209;136;255m#\u001b[0m\u001b[38;2;210;139;255mJ\u001b[0m\u001b[38;2;210;139;255m(\u001b[0m\u001b[38;2;207;139;255ma\u001b[0m                          \n             \u001b[38;2;207;137;254mp\u001b[0m\u001b[38;2;207;137;254mp\u001b[0m\u001b[38;2;210;140;255mZ\u001b[0m\u001b[38;2;212;140;255mZ\u001b[0m\u001b[38;2;213;142;255mp\u001b[0m\u001b[38;2;215;143;255mk\u001b[0m\u001b[38;2;211;139;255ma\u001b[0m\u001b[38;2;209;136;254mo\u001b[0m\u001b[38;2;201;132;255m#\u001b[0m\u001b[38;2;191;133;248mM\u001b[0m                 \n               \u001b[38;2;209;138;255mp\u001b[0m\u001b[38;2;209;138;255mv\u001b[0m\u001b[38;2;206;137;253m{\u001b[0m\u001b[38;2;217;147;255m]\u001b[0m\u001b[38;2;203;138;255m{\u001b[0m\u001b[38;2;194;134;252m)\u001b[0m\u001b[38;2;188;132;251m(\u001b[0m\u001b[38;2;184;130;251m|\u001b[0m\u001b[38;2;180;128;250m\\\u001b[0m\u001b[38;2;174;126;250m/\u001b[0m\u001b[38;2;170;124;248mt\u001b[0m\u001b[38;2;165;122;248mr\u001b[0m\u001b[38;2;161;120;246mx\u001b[0m\u001b[38;2;155;118;246mc\u001b[0m\u001b[38;2;148;114;244mw\u001b[0m          \n          \u001b[38;2;162;125;255mk\u001b[0m\u001b[38;2;160;126;255mX\u001b[0m\u001b[38;2;157;125;255mq\u001b[0m     \u001b[38;2;185;129;251mQ\u001b[0m\u001b[38;2;179;127;249mt\u001b[0m\u001b[38;2;185;134;255m)\u001b[0m\u001b[38;2;173;126;251m|\u001b[0m\u001b[38;2;167;123;249m\\\u001b[0m\u001b[38;2;164;123;251m\\\u001b[0m\u001b[38;2;160;121;251m/\u001b[0m\u001b[38;2;157;120;252mt\u001b[0m\u001b[38;2;153;119;252mt\u001b[0m\u001b[38;2;149;117;253mf\u001b[0m\u001b[38;2;147;117;255mf\u001b[0m\u001b[38;2;144;117;255mf\u001b[0m\u001b[38;2;128;106;241md\u001b[0m         \n         \u001b[38;2;156;125;254mJ\u001b[0m\u001b[38;2;162;129;255m\\\u001b[0m\u001b[38;2;164;132;255m|\u001b[0m\u001b[38;2;162;132;255m|\u001b[0m\u001b[38;2;151;123;255mr\u001b[0m\u001b[38;2;148;122;255mQ\u001b[0m\u001b[38;2;149;123;255m*\u001b[0m    \u001b[38;2;160;119;246m0\u001b[0m\u001b[38;2;153;116;246mf\u001b[0m\u001b[38;2;154;120;254mt\u001b[0m\u001b[38;2;145;114;245mj\u001b[0m\u001b[38;2;140;112;244mr\u001b[0m\u001b[38;2;136;111;245mr\u001b[0m\u001b[38;2;132;108;243mx\u001b[0m\u001b[38;2;128;107;243mn\u001b[0m\u001b[38;2;122;105;242mn\u001b[0m\u001b[38;2;118;104;242mu\u001b[0m\u001b[38;2;115;102;242mu\u001b[0m\u001b[38;2;102;93;238mM\u001b[0m        \n       \u001b[38;2;155;123;255md\u001b[0m\u001b[38;2;154;124;255mr\u001b[0m\u001b[38;2;162;131;255m|\u001b[0m\u001b[38;2;151;124;255m/\u001b[0m\u001b[38;2;149;124;254mt\u001b[0m\u001b[38;2;148;123;254mt\u001b[0m\u001b[38;2;149;125;255m/\u001b[0m\u001b[38;2;154;130;255m\\\u001b[0m\u001b[38;2;142;121;255mf\u001b[0m\u001b[38;2;140;120;255mY\u001b[0m\u001b[38;2;137;117;255mk\u001b[0m   \u001b[38;2;137;109;242m#\u001b[0m\u001b[38;2;132;108;244mX\u001b[0m\u001b[38;2;133;112;254mr\u001b[0m\u001b[38;2;124;105;243mn\u001b[0m\u001b[38;2;120;104;243mn\u001b[0m\u001b[38;2;116;102;242mu\u001b[0m\u001b[38;2;111;101;241mv\u001b[0m\u001b[38;2;107;99;242mv\u001b[0m\u001b[38;2;102;97;240mc\u001b[0m\u001b[38;2;97;95;240mz\u001b[0m\u001b[38;2;92;92;238mJ\u001b[0m        \n      \u001b[38;2;151;121;255m0\u001b[0m\u001b[38;2;156;128;255m\\\u001b[0m\u001b[38;2;152;126;255m/\u001b[0m\u001b[38;2;147;123;254mt\u001b[0m\u001b[38;2;146;122;255mt\u001b[0m\u001b[38;2;145;123;255mt\u001b[0m\u001b[38;2;142;121;255mf\u001b[0m\u001b[38;2;140;121;255mf\u001b[0m\u001b[38;2;139;120;255mj\u001b[0m\u001b[38;2;138;121;255mf\u001b[0m\u001b[38;2;142;126;255mt\u001b[0m\u001b[38;2;138;123;255mf\u001b[0m\u001b[38;2;131;118;255mz\u001b[0m\u001b[38;2;127;115;255mh\u001b[0m   \u001b[38;2;111;99;240m0\u001b[0m\u001b[38;2;110;102;250mu\u001b[0m\u001b[38;2;103;97;240mc\u001b[0m\u001b[38;2;98;95;241mz\u001b[0m\u001b[38;2;94;93;240mz\u001b[0m\u001b[38;2;89;92;239mX\u001b[0m\u001b[38;2;85;90;239mY\u001b[0m\u001b[38;2;82;89;236mY\u001b[0m\u001b[38;2;82;89;240mY\u001b[0m\u001b[38;2;76;84;232mZ\u001b[0m       \n      \u001b[38;2;144;120;255mb\u001b[0m\u001b[38;2;147;124;255mt\u001b[0m\u001b[38;2;143;122;254mf\u001b[0m\u001b[38;2;142;122;255mt\u001b[0m\u001b[38;2;141;121;255mf\u001b[0m\u001b[38;2;139;121;255mf\u001b[0m\u001b[38;2;137;120;255mf\u001b[0m\u001b[38;2;135;120;255mf\u001b[0m\u001b[38;2;133;120;255mf\u001b[0m\u001b[38;2;131;119;255mj\u001b[0m\u001b[38;2;129;118;254mr\u001b[0m\u001b[38;2;129;117;255mr\u001b[0m\u001b[38;2;131;122;255mf\u001b[0m\u001b[38;2;128;120;255mj\u001b[0m\u001b[38;2;122;114;255mQ\u001b[0m   \u001b[38;2;89;91;238mm\u001b[0m\u001b[38;2;88;92;244mX\u001b[0m\u001b[38;2;83;89;237mY\u001b[0m\u001b[38;2;80;88;237mU\u001b[0m\u001b[38;2;79;86;235mU\u001b[0m\u001b[38;2;77;85;234mU\u001b[0m\u001b[38;2;76;84;232mJ\u001b[0m\u001b[38;2;74;82;229mJ\u001b[0m\u001b[38;2;76;85;235mU\u001b[0m\u001b[38;2;69;78;224mk\u001b[0m      \n       \u001b[38;2;138;118;255mO\u001b[0m\u001b[38;2;142;124;255mt\u001b[0m\u001b[38;2;136;120;255mf\u001b[0m\u001b[38;2;135;120;255mf\u001b[0m\u001b[38;2;133;119;255mj\u001b[0m\u001b[38;2;132;119;255mj\u001b[0m\u001b[38;2;130;118;255mj\u001b[0m\u001b[38;2;128;118;255mj\u001b[0m\u001b[38;2;126;118;255mj\u001b[0m\u001b[38;2;124;117;255mr\u001b[0m\u001b[38;2;122;116;255mr\u001b[0m\u001b[38;2;120;115;255mx\u001b[0m\u001b[38;2;119;115;255mx\u001b[0m\u001b[38;2;124;121;255mj\u001b[0m\u001b[38;2;115;113;255mc\u001b[0m\u001b[38;2;105;109;250mM\u001b[0m  \u001b[38;2;76;85;233m0\u001b[0m\u001b[38;2;76;85;232mU\u001b[0m\u001b[38;2;75;83;230mJ\u001b[0m\u001b[38;2;74;82;228mJ\u001b[0m\u001b[38;2;72;81;227mC\u001b[0m\u001b[38;2;71;80;225mC\u001b[0m\u001b[38;2;69;79;224mC\u001b[0m\u001b[38;2;67;77;222mL\u001b[0m\u001b[38;2;69;79;230mC\u001b[0m\u001b[38;2;58;70;215m&\u001b[0m     \n        \u001b[38;2;132;118;255mU\u001b[0m\u001b[38;2;134;121;255mf\u001b[0m\u001b[38;2;129;118;255mj\u001b[0m\u001b[38;2;128;118;255mj\u001b[0m\u001b[38;2;126;117;255mj\u001b[0m\u001b[38;2;124;117;255mr\u001b[0m\u001b[38;2;123;116;255mr\u001b[0m\u001b[38;2;120;116;255mr\u001b[0m\u001b[38;2;119;115;255mr\u001b[0m\u001b[38;2;118;114;255mx\u001b[0m\u001b[38;2;116;115;255mx\u001b[0m\u001b[38;2;112;113;254mx\u001b[0m\u001b[38;2;108;113;252mn\u001b[0m\u001b[38;2;106;114;255mn\u001b[0m\u001b[38;2;97;109;250mc\u001b[0m\u001b[38;2;91;104;245m*\u001b[0m \u001b[38;2;65;80;225m&\u001b[0m\u001b[38;2;71;80;226mC\u001b[0m\u001b[38;2;70;79;224mC\u001b[0m\u001b[38;2;68;78;223mL\u001b[0m\u001b[38;2;67;77;222mL\u001b[0m\u001b[38;2;65;75;219mL\u001b[0m\u001b[38;2;63;73;218mQ\u001b[0m\u001b[38;2;65;76;226mL\u001b[0m\u001b[38;2;60;70;216mm\u001b[0m\u001b[38;2;56;68;209m%\u001b[0m     \n         \u001b[38;2;125;116;255mv\u001b[0m\u001b[38;2;124;117;255mr\u001b[0m\u001b[38;2;122;116;255mr\u001b[0m\u001b[38;2;121;116;255mr\u001b[0m\u001b[38;2;119;115;255mr\u001b[0m\u001b[38;2;117;115;255mx\u001b[0m\u001b[38;2;115;114;255mx\u001b[0m\u001b[38;2;112;114;254mx\u001b[0m\u001b[38;2;108;113;253mn\u001b[0m\u001b[38;2;103;112;252mn\u001b[0m\u001b[38;2;98;111;251mu\u001b[0m\u001b[38;2;93;109;249mv\u001b[0m\u001b[38;2;88;108;247mc\u001b[0m\u001b[38;2;84;109;249mv\u001b[0m\u001b[38;2;78;105;243mz\u001b[0m\u001b[38;2;67;102;237m#\u001b[0m \u001b[38;2;64;74;219mq\u001b[0m\u001b[38;2;64;74;218mQ\u001b[0m\u001b[38;2;63;73;218mQ\u001b[0m\u001b[38;2;61;72;215mQ\u001b[0m\u001b[38;2;59;71;214m0\u001b[0m\u001b[38;2;61;73;222mQ\u001b[0m\u001b[38;2;56;67;209md\u001b[0m       \n         \u001b[38;2;115;110;255mM\u001b[0m\u001b[38;2;117;114;255mx\u001b[0m\u001b[38;2;117;115;255mx\u001b[0m\u001b[38;2;114;114;255mn\u001b[0m\u001b[38;2;111;113;255mn\u001b[0m\u001b[38;2;107;112;252mn\u001b[0m\u001b[38;2;103;112;252mu\u001b[0m\u001b[38;2;97;109;249mv\u001b[0m\u001b[38;2;92;108;248mv\u001b[0m\u001b[38;2;87;108;247mc\u001b[0m\u001b[38;2;83;107;245mc\u001b[0m\u001b[38;2;78;106;244mz\u001b[0m\u001b[38;2;73;105;243mz\u001b[0m\u001b[38;2;68;104;241mX\u001b[0m\u001b[38;2;64;103;241mX\u001b[0m\u001b[38;2;59;101;239mU\u001b[0m\u001b[38;2;50;95;232m&\u001b[0m\u001b[38;2;57;63;210mW\u001b[0m\u001b[38;2;59;70;214m0\u001b[0m\u001b[38;2;57;69;211m0\u001b[0m\u001b[38;2;56;69;212m0\u001b[0m\u001b[38;2;55;68;212mO\u001b[0m\u001b[38;2;52;65;206ma\u001b[0m        \n          \u001b[38;2;110;110;255mk\u001b[0m\u001b[38;2;106;112;254mn\u001b[0m\u001b[38;2;107;119;255mx\u001b[0m\u001b[38;2;101;117;255mn\u001b[0m\u001b[38;2;95;115;255mn\u001b[0m\u001b[38;2;90;113;255mu\u001b[0m\u001b[38;2;84;111;255mv\u001b[0m\u001b[38;2;79;109;252mc\u001b[0m\u001b[38;2;74;107;248mz\u001b[0m\u001b[38;2;69;105;245mz\u001b[0m\u001b[38;2;64;104;243mX\u001b[0m\u001b[38;2;59;103;241mY\u001b[0m\u001b[38;2;54;101;238mU\u001b[0m\u001b[38;2;49;99;236mU\u001b[0m\u001b[38;2;44;99;235mJ\u001b[0m\u001b[38;2;39;97;232mQ\u001b[0m \u001b[38;2;53;64;205mZ\u001b[0m\u001b[38;2;53;67;212mO\u001b[0m\u001b[38;2;49;62;202mm\u001b[0m\u001b[38;2;48;63;200mM\u001b[0m         \n           \u001b[38;2;91;106;251m#\u001b[0m\u001b[38;2;86;106;245mq\u001b[0m\u001b[38;2;82;107;245mZ\u001b[0m\u001b[38;2;77;106;244mO\u001b[0m\u001b[38;2;73;104;243m0\u001b[0m\u001b[38;2;66;103;241mQ\u001b[0m\u001b[38;2;62;102;240mC\u001b[0m\u001b[38;2;57;100;237mC\u001b[0m\u001b[38;2;53;100;237mJ\u001b[0m\u001b[38;2;47;99;236mJ\u001b[0m\u001b[38;2;42;98;234mC\u001b[0m\u001b[38;2;38;97;234mC\u001b[0m\u001b[38;2;34;98;236mC\u001b[0m\u001b[38;2;29;98;238mC\u001b[0m\u001b[38;2;25;101;246mC\u001b[0m\u001b[38;2;15;91;227mm\u001b[0m\u001b[38;2;43;61;201mb\u001b[0m\u001b[38;2;45;59;199md\u001b[0m\u001b[38;2;43;54;195m%\u001b[0m          \n                     \u001b[38;2;28;92;231m8\u001b[0m\u001b[38;2;25;95;229m&\u001b[0m\u001b[38;2;20;93;227mW\u001b[0m\u001b[38;2;17;93;226m#\u001b[0m\u001b[38;2;9;91;227m*\u001b[0m\u001b[38;2;7;90;225ma\u001b[0m\u001b[38;2;24;67;205mW\u001b[0m            \n                                        `;
+export const typegpuAsciiLogoColor = `        \u001b[38;2;211;137;255mp\u001b[0m                      \n       \u001b[38;2;211;138;255mJ\u001b[0m\u001b[38;2;211;139;254m{\u001b[0m                      \n       \u001b[38;2;210;140;254m|\u001b[0m\u001b[38;2;223;148;255m?\u001b[0m\u001b[38;2;210;139;255mc\u001b[0m                     \n        \u001b[38;2;209;138;254m0\u001b[0m\u001b[38;2;209;139;255m/\u001b[0m\u001b[38;2;204;136;254mo\u001b[0m                    \n          \u001b[38;2;207;139;255mk\u001b[0m\u001b[38;2;208;139;255mp\u001b[0m\u001b[38;2;210;139;254mQ\u001b[0m\u001b[38;2;210;139;254mQ\u001b[0m\u001b[38;2;210;139;255mm\u001b[0m\u001b[38;2;203;137;255mp\u001b[0m\u001b[38;2;197;133;251mb\u001b[0m\u001b[38;2;188;132;248mk\u001b[0m\u001b[38;2;184;129;247ma\u001b[0m\u001b[38;2;179;129;250mo\u001b[0m\u001b[38;2;174;122;250m#\u001b[0m\u001b[38;2;170;124;249mM\u001b[0m         \n        \u001b[38;2;165;127;255mW\u001b[0m   \u001b[38;2;207;137;255mb\u001b[0m\u001b[38;2;202;136;253mu\u001b[0m\u001b[38;2;202;139;255m{\u001b[0m\u001b[38;2;213;148;255m]\u001b[0m\u001b[38;2;196;138;255m{\u001b[0m\u001b[38;2;185;132;255m)\u001b[0m\u001b[38;2;176;128;255m|\u001b[0m\u001b[38;2;168;123;250m\\\u001b[0m\u001b[38;2;161;120;247mt\u001b[0m\u001b[38;2;154;118;246mj\u001b[0m\u001b[38;2;146;114;245mv\u001b[0m\u001b[38;2;138;111;241m#\u001b[0m       \n       \u001b[38;2;158;125;255mq\u001b[0m\u001b[38;2;156;124;254mf\u001b[0m\u001b[38;2;156;125;255mj\u001b[0m\u001b[38;2;152;124;255mL\u001b[0m\u001b[38;2;140;119;255mM\u001b[0m  \u001b[38;2;170;117;248mW\u001b[0m\u001b[38;2;167;122;247mC\u001b[0m\u001b[38;2;160;119;247mt\u001b[0m\u001b[38;2;157;120;251mt\u001b[0m\u001b[38;2;149;116;246mf\u001b[0m\u001b[38;2;145;114;246mj\u001b[0m\u001b[38;2;139;112;246mj\u001b[0m\u001b[38;2;134;111;247mr\u001b[0m\u001b[38;2;132;111;252mr\u001b[0m\u001b[38;2;121;104;241mz\u001b[0m       \n      \u001b[38;2;155;124;255mX\u001b[0m\u001b[38;2;160;130;255m\\\u001b[0m\u001b[38;2;154;126;255m/\u001b[0m\u001b[38;2;153;127;255m/\u001b[0m\u001b[38;2;156;130;255m\\\u001b[0m\u001b[38;2;144;121;254mf\u001b[0m\u001b[38;2;141;121;255mY\u001b[0m\u001b[38;2;139;119;255ma\u001b[0m  \u001b[38;2;142;112;241ma\u001b[0m\u001b[38;2;134;109;243mc\u001b[0m\u001b[38;2;132;111;251mr\u001b[0m\u001b[38;2;123;105;242mn\u001b[0m\u001b[38;2;117;103;242mu\u001b[0m\u001b[38;2;111;101;241mv\u001b[0m\u001b[38;2;105;98;240mc\u001b[0m\u001b[38;2;102;98;244mc\u001b[0m\u001b[38;2;92;92;238mZ\u001b[0m      \n     \u001b[38;2;150;123;255mf\u001b[0m\u001b[38;2;155;129;255m\\\u001b[0m\u001b[38;2;146;123;254mt\u001b[0m\u001b[38;2;143;121;255mf\u001b[0m\u001b[38;2;142;121;255mf\u001b[0m\u001b[38;2;139;120;254mf\u001b[0m\u001b[38;2;138;122;255mf\u001b[0m\u001b[38;2;142;126;255mt\u001b[0m\u001b[38;2;137;122;255mf\u001b[0m\u001b[38;2;129;117;254mU\u001b[0m\u001b[38;2;127;115;255m*\u001b[0m  \u001b[38;2;108;98;239mC\u001b[0m\u001b[38;2;104;99;246mv\u001b[0m\u001b[38;2;96;95;240mz\u001b[0m\u001b[38;2;90;92;239mX\u001b[0m\u001b[38;2;86;90;238mY\u001b[0m\u001b[38;2;81;88;235mU\u001b[0m\u001b[38;2;82;90;241mY\u001b[0m\u001b[38;2;75;82;231mh\u001b[0m     \n     \u001b[38;2;143;121;255mL\u001b[0m\u001b[38;2;144;124;255mt\u001b[0m\u001b[38;2;139;120;255mf\u001b[0m\u001b[38;2;137;120;255mf\u001b[0m\u001b[38;2;135;120;255mf\u001b[0m\u001b[38;2;133;119;255mj\u001b[0m\u001b[38;2;130;119;255mj\u001b[0m\u001b[38;2;128;118;254mr\u001b[0m\u001b[38;2;125;116;255mr\u001b[0m\u001b[38;2;130;123;255mf\u001b[0m\u001b[38;2;121;115;254mx\u001b[0m\u001b[38;2;118;112;255mw\u001b[0m  \u001b[38;2;81;88;236mQ\u001b[0m\u001b[38;2;80;87;236mU\u001b[0m\u001b[38;2;78;86;234mU\u001b[0m\u001b[38;2;76;84;232mJ\u001b[0m\u001b[38;2;74;83;230mJ\u001b[0m\u001b[38;2;72;80;226mC\u001b[0m\u001b[38;2;70;79;225mC\u001b[0m\u001b[38;2;65;73;220mW\u001b[0m    \n      \u001b[38;2;133;118;255mz\u001b[0m\u001b[38;2;134;120;255mf\u001b[0m\u001b[38;2;131;118;255mj\u001b[0m\u001b[38;2;128;118;255mj\u001b[0m\u001b[38;2;126;117;255mj\u001b[0m\u001b[38;2;124;117;255mr\u001b[0m\u001b[38;2;122;116;255mr\u001b[0m\u001b[38;2;119;115;255mx\u001b[0m\u001b[38;2;117;115;254mx\u001b[0m\u001b[38;2;115;114;255mx\u001b[0m\u001b[38;2;116;119;255mr\u001b[0m\u001b[38;2;100;109;250mO\u001b[0m \u001b[38;2;72;78;228m8\u001b[0m\u001b[38;2;72;81;228mC\u001b[0m\u001b[38;2;71;81;226mC\u001b[0m\u001b[38;2;69;79;224mC\u001b[0m\u001b[38;2;67;77;222mL\u001b[0m\u001b[38;2;66;75;220mL\u001b[0m\u001b[38;2;66;77;228mL\u001b[0m\u001b[38;2;59;72;216mh\u001b[0m    \n       \u001b[38;2;124;116;255mn\u001b[0m\u001b[38;2;123;116;255mr\u001b[0m\u001b[38;2;121;116;255mr\u001b[0m\u001b[38;2;119;115;255mx\u001b[0m\u001b[38;2;117;115;255mx\u001b[0m\u001b[38;2;114;114;255mx\u001b[0m\u001b[38;2;109;113;253mn\u001b[0m\u001b[38;2;104;111;252mn\u001b[0m\u001b[38;2;97;110;250mu\u001b[0m\u001b[38;2;91;109;248mv\u001b[0m\u001b[38;2;90;112;255mu\u001b[0m\u001b[38;2;76;104;243mZ\u001b[0m \u001b[38;2;64;74;218mp\u001b[0m\u001b[38;2;64;74;218mQ\u001b[0m\u001b[38;2;62;73;216mQ\u001b[0m\u001b[38;2;61;72;216mQ\u001b[0m\u001b[38;2;60;72;217mQ\u001b[0m\u001b[38;2;55;68;208mh\u001b[0m     \n       \u001b[38;2;116;113;255ma\u001b[0m\u001b[38;2;119;117;255mr\u001b[0m\u001b[38;2;116;117;255mr\u001b[0m\u001b[38;2;110;114;255mx\u001b[0m\u001b[38;2;104;112;253mn\u001b[0m\u001b[38;2;97;110;249mu\u001b[0m\u001b[38;2;91;108;247mv\u001b[0m\u001b[38;2;85;107;246mc\u001b[0m\u001b[38;2;79;107;245mz\u001b[0m\u001b[38;2;73;104;242mX\u001b[0m\u001b[38;2;66;103;241mY\u001b[0m\u001b[38;2;63;105;245mX\u001b[0m\u001b[38;2;51;98;235md\u001b[0m\u001b[38;2;62;66;207m&\u001b[0m\u001b[38;2;58;69;212m0\u001b[0m\u001b[38;2;57;69;214m0\u001b[0m\u001b[38;2;52;64;207mZ\u001b[0m\u001b[38;2;51;63;204m#\u001b[0m      \n        \u001b[38;2;104;110;252md\u001b[0m\u001b[38;2;95;110;249mz\u001b[0m\u001b[38;2;89;107;246mc\u001b[0m\u001b[38;2;83;107;246mc\u001b[0m\u001b[38;2;78;107;249mc\u001b[0m\u001b[38;2;74;108;252mc\u001b[0m\u001b[38;2;68;110;255mc\u001b[0m\u001b[38;2;63;110;255mz\u001b[0m\u001b[38;2;56;108;255mX\u001b[0m\u001b[38;2;49;106;251mY\u001b[0m\u001b[38;2;42;102;246mU\u001b[0m\u001b[38;2;38;104;251mU\u001b[0m\u001b[38;2;24;90;224mo\u001b[0m\u001b[38;2;50;62;203mm\u001b[0m\u001b[38;2;47;61;201mq\u001b[0m\u001b[38;2;43;57;197m8\u001b[0m       \n          \u001b[38;2;73;102;243m&\u001b[0m\u001b[38;2;69;103;242mW\u001b[0m\u001b[38;2;62;99;237m#\u001b[0m\u001b[38;2;57;98;237m*\u001b[0m\u001b[38;2;50;100;237mo\u001b[0m\u001b[38;2;43;96;235ma\u001b[0m\u001b[38;2;38;97;231mk\u001b[0m\u001b[38;2;31;94;232mb\u001b[0m\u001b[38;2;23;92;229md\u001b[0m\u001b[38;2;17;93;228mp\u001b[0m\u001b[38;2;10;91;226mp\u001b[0m\u001b[38;2;37;60;200m*\u001b[0m         \n                               `;
+
+export const typegpuAsciiLogoNoColor = `        p                      \n       J{                      \n       |?c                     \n        0/o                    \n          kpQQmpbkao#M         \n        W   bu{]{)|\\tjv#       \n       qfjLM  WCttfjjrrz       \n      X\\//\\fYa  acrnuvccZ      \n     f\\tfffftfU*  CvzXYUYh     \n     Ltfffjjrrfxw  QUUJJCCW    \n      zfjjjrrxxxrO 8CCCLLLh    \n       nrrxxxnnuvuZ pQQQQh     \n       arrxnuvczXYXd&00Z#      \n        dzccccczXYUUomq8       \n          &W#*oakbdpp*         \n                               `;

From 0874ce5c1936eee37b620f1330c85d9fa41b730e Mon Sep 17 00:00:00 2001
From: Szymon Szulc <szymon.szulc@student.uj.edu.pl>
Date: Tue, 7 Jul 2026 16:15:56 +0200
Subject: [PATCH 08/18] robust NO_COLOR handling

---
 packages/typegpu-cli/src/create.ts        | 8 ++++----
 packages/typegpu-cli/src/index.ts         | 8 ++------
 packages/typegpu-cli/src/utils/logo.ts    | 6 ++++--
 packages/typegpu-cli/src/utils/prompts.ts | 4 ++++
 4 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/packages/typegpu-cli/src/create.ts b/packages/typegpu-cli/src/create.ts
index f30d8fd29c..171d455590 100644
--- a/packages/typegpu-cli/src/create.ts
+++ b/packages/typegpu-cli/src/create.ts
@@ -15,8 +15,8 @@ import {
   type ProjectTemplate,
 } from './options.ts';
 
-const GRADIENT_START = [0.831, 0.553, 1.0] as const;
-const GRADIENT_END = [0.0, 0.349, 0.874] as const;
+const GRADIENT_START = [0.867, 0.663, 1.0] as const;
+const GRADIENT_END = [0.384, 0.439, 0.964] as const;
 
 const coloredLabelsTemplates = PROJECT_TEMPLATES.map((template, i) => {
   const t = i / (PROJECT_TEMPLATES.length - 1);
@@ -54,8 +54,6 @@ export async function createProject(cwd: string, options?: CreateProjectOptions)
     options?.projectDir ??
     (nonInteractive ? DEFAULT_PROJECT_DIR : await getProjectName(DEFAULT_PROJECT_DIR));
 
-  const root = await prepareDirectory(cwd, projectName, { interactive: !nonInteractive });
-
   const packageName =
     getDefaultPackageName(cwd, projectName) ??
     (nonInteractive ? undefined : await getPackageName());
@@ -72,6 +70,8 @@ export async function createProject(cwd: string, options?: CreateProjectOptions)
 
   p.log.step(`Scaffolding project in ${projectName}...`);
 
+  const root = await prepareDirectory(cwd, projectName, { interactive: !nonInteractive });
+
   const templateDir = path.resolve(
     import.meta.dirname,
     '../templates',
diff --git a/packages/typegpu-cli/src/index.ts b/packages/typegpu-cli/src/index.ts
index 7e88cdf5fd..0a70b86bf7 100644
--- a/packages/typegpu-cli/src/index.ts
+++ b/packages/typegpu-cli/src/index.ts
@@ -12,7 +12,7 @@ import {
   parsePackageManager,
   parseTemplate,
 } from './options.ts';
-import { failAndExit } from './utils/prompts.ts';
+import { colorsEnabled, failAndExit } from './utils/prompts.ts';
 import { typegpuPkgs } from './utils/pkg.ts';
 import { typegpuAsciiLogoColor, typegpuAsciiLogoNoColor } from './utils/logo.ts';
 
@@ -75,11 +75,7 @@ const commonOptions = {
   ...(packageManager ? { packageManager } : {}),
 };
 
-if (!process.env.NO_COLOR) {
-  console.log(typegpuAsciiLogoColor);
-} else {
-  console.log(typegpuAsciiLogoNoColor);
-}
+console.log(colorsEnabled ? typegpuAsciiLogoColor : typegpuAsciiLogoNoColor);
 
 if (argv.enhance) {
   const targetDir = positionals[0] ? path.resolve(cwd, positionals[0]) : cwd;
diff --git a/packages/typegpu-cli/src/utils/logo.ts b/packages/typegpu-cli/src/utils/logo.ts
index b43e64e8ba..10932e482a 100644
--- a/packages/typegpu-cli/src/utils/logo.ts
+++ b/packages/typegpu-cli/src/utils/logo.ts
@@ -1,3 +1,5 @@
-export const typegpuAsciiLogoColor = `        \u001b[38;2;211;137;255mp\u001b[0m                      \n       \u001b[38;2;211;138;255mJ\u001b[0m\u001b[38;2;211;139;254m{\u001b[0m                      \n       \u001b[38;2;210;140;254m|\u001b[0m\u001b[38;2;223;148;255m?\u001b[0m\u001b[38;2;210;139;255mc\u001b[0m                     \n        \u001b[38;2;209;138;254m0\u001b[0m\u001b[38;2;209;139;255m/\u001b[0m\u001b[38;2;204;136;254mo\u001b[0m                    \n          \u001b[38;2;207;139;255mk\u001b[0m\u001b[38;2;208;139;255mp\u001b[0m\u001b[38;2;210;139;254mQ\u001b[0m\u001b[38;2;210;139;254mQ\u001b[0m\u001b[38;2;210;139;255mm\u001b[0m\u001b[38;2;203;137;255mp\u001b[0m\u001b[38;2;197;133;251mb\u001b[0m\u001b[38;2;188;132;248mk\u001b[0m\u001b[38;2;184;129;247ma\u001b[0m\u001b[38;2;179;129;250mo\u001b[0m\u001b[38;2;174;122;250m#\u001b[0m\u001b[38;2;170;124;249mM\u001b[0m         \n        \u001b[38;2;165;127;255mW\u001b[0m   \u001b[38;2;207;137;255mb\u001b[0m\u001b[38;2;202;136;253mu\u001b[0m\u001b[38;2;202;139;255m{\u001b[0m\u001b[38;2;213;148;255m]\u001b[0m\u001b[38;2;196;138;255m{\u001b[0m\u001b[38;2;185;132;255m)\u001b[0m\u001b[38;2;176;128;255m|\u001b[0m\u001b[38;2;168;123;250m\\\u001b[0m\u001b[38;2;161;120;247mt\u001b[0m\u001b[38;2;154;118;246mj\u001b[0m\u001b[38;2;146;114;245mv\u001b[0m\u001b[38;2;138;111;241m#\u001b[0m       \n       \u001b[38;2;158;125;255mq\u001b[0m\u001b[38;2;156;124;254mf\u001b[0m\u001b[38;2;156;125;255mj\u001b[0m\u001b[38;2;152;124;255mL\u001b[0m\u001b[38;2;140;119;255mM\u001b[0m  \u001b[38;2;170;117;248mW\u001b[0m\u001b[38;2;167;122;247mC\u001b[0m\u001b[38;2;160;119;247mt\u001b[0m\u001b[38;2;157;120;251mt\u001b[0m\u001b[38;2;149;116;246mf\u001b[0m\u001b[38;2;145;114;246mj\u001b[0m\u001b[38;2;139;112;246mj\u001b[0m\u001b[38;2;134;111;247mr\u001b[0m\u001b[38;2;132;111;252mr\u001b[0m\u001b[38;2;121;104;241mz\u001b[0m       \n      \u001b[38;2;155;124;255mX\u001b[0m\u001b[38;2;160;130;255m\\\u001b[0m\u001b[38;2;154;126;255m/\u001b[0m\u001b[38;2;153;127;255m/\u001b[0m\u001b[38;2;156;130;255m\\\u001b[0m\u001b[38;2;144;121;254mf\u001b[0m\u001b[38;2;141;121;255mY\u001b[0m\u001b[38;2;139;119;255ma\u001b[0m  \u001b[38;2;142;112;241ma\u001b[0m\u001b[38;2;134;109;243mc\u001b[0m\u001b[38;2;132;111;251mr\u001b[0m\u001b[38;2;123;105;242mn\u001b[0m\u001b[38;2;117;103;242mu\u001b[0m\u001b[38;2;111;101;241mv\u001b[0m\u001b[38;2;105;98;240mc\u001b[0m\u001b[38;2;102;98;244mc\u001b[0m\u001b[38;2;92;92;238mZ\u001b[0m      \n     \u001b[38;2;150;123;255mf\u001b[0m\u001b[38;2;155;129;255m\\\u001b[0m\u001b[38;2;146;123;254mt\u001b[0m\u001b[38;2;143;121;255mf\u001b[0m\u001b[38;2;142;121;255mf\u001b[0m\u001b[38;2;139;120;254mf\u001b[0m\u001b[38;2;138;122;255mf\u001b[0m\u001b[38;2;142;126;255mt\u001b[0m\u001b[38;2;137;122;255mf\u001b[0m\u001b[38;2;129;117;254mU\u001b[0m\u001b[38;2;127;115;255m*\u001b[0m  \u001b[38;2;108;98;239mC\u001b[0m\u001b[38;2;104;99;246mv\u001b[0m\u001b[38;2;96;95;240mz\u001b[0m\u001b[38;2;90;92;239mX\u001b[0m\u001b[38;2;86;90;238mY\u001b[0m\u001b[38;2;81;88;235mU\u001b[0m\u001b[38;2;82;90;241mY\u001b[0m\u001b[38;2;75;82;231mh\u001b[0m     \n     \u001b[38;2;143;121;255mL\u001b[0m\u001b[38;2;144;124;255mt\u001b[0m\u001b[38;2;139;120;255mf\u001b[0m\u001b[38;2;137;120;255mf\u001b[0m\u001b[38;2;135;120;255mf\u001b[0m\u001b[38;2;133;119;255mj\u001b[0m\u001b[38;2;130;119;255mj\u001b[0m\u001b[38;2;128;118;254mr\u001b[0m\u001b[38;2;125;116;255mr\u001b[0m\u001b[38;2;130;123;255mf\u001b[0m\u001b[38;2;121;115;254mx\u001b[0m\u001b[38;2;118;112;255mw\u001b[0m  \u001b[38;2;81;88;236mQ\u001b[0m\u001b[38;2;80;87;236mU\u001b[0m\u001b[38;2;78;86;234mU\u001b[0m\u001b[38;2;76;84;232mJ\u001b[0m\u001b[38;2;74;83;230mJ\u001b[0m\u001b[38;2;72;80;226mC\u001b[0m\u001b[38;2;70;79;225mC\u001b[0m\u001b[38;2;65;73;220mW\u001b[0m    \n      \u001b[38;2;133;118;255mz\u001b[0m\u001b[38;2;134;120;255mf\u001b[0m\u001b[38;2;131;118;255mj\u001b[0m\u001b[38;2;128;118;255mj\u001b[0m\u001b[38;2;126;117;255mj\u001b[0m\u001b[38;2;124;117;255mr\u001b[0m\u001b[38;2;122;116;255mr\u001b[0m\u001b[38;2;119;115;255mx\u001b[0m\u001b[38;2;117;115;254mx\u001b[0m\u001b[38;2;115;114;255mx\u001b[0m\u001b[38;2;116;119;255mr\u001b[0m\u001b[38;2;100;109;250mO\u001b[0m \u001b[38;2;72;78;228m8\u001b[0m\u001b[38;2;72;81;228mC\u001b[0m\u001b[38;2;71;81;226mC\u001b[0m\u001b[38;2;69;79;224mC\u001b[0m\u001b[38;2;67;77;222mL\u001b[0m\u001b[38;2;66;75;220mL\u001b[0m\u001b[38;2;66;77;228mL\u001b[0m\u001b[38;2;59;72;216mh\u001b[0m    \n       \u001b[38;2;124;116;255mn\u001b[0m\u001b[38;2;123;116;255mr\u001b[0m\u001b[38;2;121;116;255mr\u001b[0m\u001b[38;2;119;115;255mx\u001b[0m\u001b[38;2;117;115;255mx\u001b[0m\u001b[38;2;114;114;255mx\u001b[0m\u001b[38;2;109;113;253mn\u001b[0m\u001b[38;2;104;111;252mn\u001b[0m\u001b[38;2;97;110;250mu\u001b[0m\u001b[38;2;91;109;248mv\u001b[0m\u001b[38;2;90;112;255mu\u001b[0m\u001b[38;2;76;104;243mZ\u001b[0m \u001b[38;2;64;74;218mp\u001b[0m\u001b[38;2;64;74;218mQ\u001b[0m\u001b[38;2;62;73;216mQ\u001b[0m\u001b[38;2;61;72;216mQ\u001b[0m\u001b[38;2;60;72;217mQ\u001b[0m\u001b[38;2;55;68;208mh\u001b[0m     \n       \u001b[38;2;116;113;255ma\u001b[0m\u001b[38;2;119;117;255mr\u001b[0m\u001b[38;2;116;117;255mr\u001b[0m\u001b[38;2;110;114;255mx\u001b[0m\u001b[38;2;104;112;253mn\u001b[0m\u001b[38;2;97;110;249mu\u001b[0m\u001b[38;2;91;108;247mv\u001b[0m\u001b[38;2;85;107;246mc\u001b[0m\u001b[38;2;79;107;245mz\u001b[0m\u001b[38;2;73;104;242mX\u001b[0m\u001b[38;2;66;103;241mY\u001b[0m\u001b[38;2;63;105;245mX\u001b[0m\u001b[38;2;51;98;235md\u001b[0m\u001b[38;2;62;66;207m&\u001b[0m\u001b[38;2;58;69;212m0\u001b[0m\u001b[38;2;57;69;214m0\u001b[0m\u001b[38;2;52;64;207mZ\u001b[0m\u001b[38;2;51;63;204m#\u001b[0m      \n        \u001b[38;2;104;110;252md\u001b[0m\u001b[38;2;95;110;249mz\u001b[0m\u001b[38;2;89;107;246mc\u001b[0m\u001b[38;2;83;107;246mc\u001b[0m\u001b[38;2;78;107;249mc\u001b[0m\u001b[38;2;74;108;252mc\u001b[0m\u001b[38;2;68;110;255mc\u001b[0m\u001b[38;2;63;110;255mz\u001b[0m\u001b[38;2;56;108;255mX\u001b[0m\u001b[38;2;49;106;251mY\u001b[0m\u001b[38;2;42;102;246mU\u001b[0m\u001b[38;2;38;104;251mU\u001b[0m\u001b[38;2;24;90;224mo\u001b[0m\u001b[38;2;50;62;203mm\u001b[0m\u001b[38;2;47;61;201mq\u001b[0m\u001b[38;2;43;57;197m8\u001b[0m       \n          \u001b[38;2;73;102;243m&\u001b[0m\u001b[38;2;69;103;242mW\u001b[0m\u001b[38;2;62;99;237m#\u001b[0m\u001b[38;2;57;98;237m*\u001b[0m\u001b[38;2;50;100;237mo\u001b[0m\u001b[38;2;43;96;235ma\u001b[0m\u001b[38;2;38;97;231mk\u001b[0m\u001b[38;2;31;94;232mb\u001b[0m\u001b[38;2;23;92;229md\u001b[0m\u001b[38;2;17;93;228mp\u001b[0m\u001b[38;2;10;91;226mp\u001b[0m\u001b[38;2;37;60;200m*\u001b[0m         \n                               `;
+export const typegpuAsciiLogoColor =
+  '\n    \x1b[38;2;221;169;255m /|\x1b[0m\n    \x1b[38;2;207;159;255m \\|____\x1b[0m\n    \x1b[38;2;176;145;255m , `\\  \\\x1b[0m\n    \x1b[38;2;147;136;255m/ `\\ \\  \\\x1b[0m\n    \x1b[38;2;113;124;255m\\   `\\| /\x1b[0m\n    \x1b[38;2;95;112;255m \\_____/\x1b[0m\n';
 
-export const typegpuAsciiLogoNoColor = `        p                      \n       J{                      \n       |?c                     \n        0/o                    \n          kpQQmpbkao#M         \n        W   bu{]{)|\\tjv#       \n       qfjLM  WCttfjjrrz       \n      X\\//\\fYa  acrnuvccZ      \n     f\\tfffftfU*  CvzXYUYh     \n     Ltfffjjrrfxw  QUUJJCCW    \n      zfjjjrrxxxrO 8CCCLLLh    \n       nrrxxxnnuvuZ pQQQQh     \n       arrxnuvczXYXd&00Z#      \n        dzccccczXYUUomq8       \n          &W#*oakbdpp*         \n                               `;
+export const typegpuAsciiLogoNoColor =
+  '\n     /|\n     \\|____\n     , `\\  \\\n    / `\\ \\  \\\n    \\   `\\| /\n     \\_____/\n';
diff --git a/packages/typegpu-cli/src/utils/prompts.ts b/packages/typegpu-cli/src/utils/prompts.ts
index 3344be6bf2..5557d3dee2 100644
--- a/packages/typegpu-cli/src/utils/prompts.ts
+++ b/packages/typegpu-cli/src/utils/prompts.ts
@@ -1,5 +1,8 @@
+import { styleText } from 'node:util';
 import * as p from '@clack/prompts';
 
+export const colorsEnabled = styleText('red', '_', { stream: process.stdout }) !== '_';
+
 export function cancelExit(): never {
   p.cancel('Operation cancelled.');
   process.exit(0);
@@ -22,5 +25,6 @@ export async function confirmStep(message: string, initialValue?: boolean) {
 
 // 0-255 range
 export function rgbText(text: string, r: number, g: number, b: number) {
+  if (!colorsEnabled) return text;
   return `\x1b[38;2;${r};${g};${b}m${text}\x1b[39m`;
 }

From c101579a263bdf74032a1531542fd10ec3caaf19 Mon Sep 17 00:00:00 2001
From: Szymon Szulc <szymon.szulc@student.uj.edu.pl>
Date: Tue, 7 Jul 2026 17:25:32 +0200
Subject: [PATCH 09/18] color align in enhance

---
 packages/typegpu-cli/src/enhance.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/typegpu-cli/src/enhance.ts b/packages/typegpu-cli/src/enhance.ts
index 4ed7f0bb72..a00d007140 100644
--- a/packages/typegpu-cli/src/enhance.ts
+++ b/packages/typegpu-cli/src/enhance.ts
@@ -13,7 +13,7 @@ import { askForVite, setupVite } from './steps/vite.ts';
 import { addAgentSkills, askForAgentSkills } from './steps/skills.ts';
 import type { EnhanceProjectOptions } from './options.ts';
 
-const PROJECT_KINDS = [{ value: 'vite', label: rgbText('Vite', 175, 105, 245) }];
+const PROJECT_KINDS = [{ value: 'vite', label: rgbText('Vite', 221, 169, 255) }];
 
 async function runViteFlow(
   cwd: string,

From 88de6f5a5bb9634a5ef5c59a8393856c0263f3ec Mon Sep 17 00:00:00 2001
From: Szymon Szulc <szymon.szulc@student.uj.edu.pl>
Date: Tue, 7 Jul 2026 18:51:10 +0200
Subject: [PATCH 10/18] smaller indents

---
 packages/typegpu-cli/src/utils/logo.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/typegpu-cli/src/utils/logo.ts b/packages/typegpu-cli/src/utils/logo.ts
index 10932e482a..7e336c7468 100644
--- a/packages/typegpu-cli/src/utils/logo.ts
+++ b/packages/typegpu-cli/src/utils/logo.ts
@@ -1,5 +1,5 @@
 export const typegpuAsciiLogoColor =
-  '\n    \x1b[38;2;221;169;255m /|\x1b[0m\n    \x1b[38;2;207;159;255m \\|____\x1b[0m\n    \x1b[38;2;176;145;255m , `\\  \\\x1b[0m\n    \x1b[38;2;147;136;255m/ `\\ \\  \\\x1b[0m\n    \x1b[38;2;113;124;255m\\   `\\| /\x1b[0m\n    \x1b[38;2;95;112;255m \\_____/\x1b[0m\n';
+  '\n \x1b[38;2;221;169;255m /|\x1b[0m\n \x1b[38;2;207;159;255m \\|____\x1b[0m\n \x1b[38;2;176;145;255m , `\\  \\\x1b[0m\n \x1b[38;2;147;136;255m/ `\\ \\  \\\x1b[0m\n \x1b[38;2;113;124;255m\\   `\\| /\x1b[0m\n \x1b[38;2;95;112;255m \\_____/\x1b[0m\n';
 
 export const typegpuAsciiLogoNoColor =
-  '\n     /|\n     \\|____\n     , `\\  \\\n    / `\\ \\  \\\n    \\   `\\| /\n     \\_____/\n';
+  '\n /|\n \\|____\n , `\\  \\\n / `\\ \\  \\\n \\   `\\| /\n \\_____/\n';

From 05f0ca2292a04248b873ae7b766cea58b67955bf Mon Sep 17 00:00:00 2001
From: Szymon Szulc <szymon.szulc@student.uj.edu.pl>
Date: Wed, 10 Jun 2026 14:34:52 +0200
Subject: [PATCH 11/18] nextjs template

---
 .../templates/template-nextjs-bare/AGENTS.md  |   5 +
 .../templates/template-nextjs-bare/CLAUDE.md  |   1 +
 .../templates/template-nextjs-bare/_gitignore |  42 ++++++
 .../templates/template-nextjs-bare/_nvmrc     |   1 +
 .../template-nextjs-bare/_oxfmtrc.json        |   4 +
 .../template-nextjs-bare/_package.json        |  41 ++++++
 .../_vscode/settings.json                     |   5 +
 .../template-nextjs-bare/_zed/settings.json   |  15 ++
 .../template-nextjs-bare/app/Canvas.tsx       |  10 ++
 .../template-nextjs-bare/app/CanvasInner.tsx  |  29 ++++
 .../template-nextjs-bare/app/favicon.ico      | Bin 0 -> 12007 bytes
 .../template-nextjs-bare/app/globals.css      |  64 +++++++++
 .../template-nextjs-bare/app/layout.tsx       |  22 +++
 .../template-nextjs-bare/app/page.tsx         | 133 ++++++++++++++++++
 .../template-nextjs-bare/babel.config.js      |   7 +
 .../template-nextjs-bare/next.config.ts       |   8 ++
 .../template-nextjs-bare/oxlint.config.ts     |  21 +++
 .../template-nextjs-bare/pnpm-workspace.yaml  |   3 +
 .../template-nextjs-bare/postcss.config.mjs   |   7 +
 .../template-nextjs-bare/public/icons.svg     |  19 +++
 .../template-nextjs-bare/public/next.svg      |   1 +
 .../public/typegpu-logo-dark.svg              |  59 ++++++++
 .../public/typegpu-logo-light.svg             |  58 ++++++++
 .../template-nextjs-bare/tsconfig.json        |  38 +++++
 24 files changed, 593 insertions(+)
 create mode 100644 packages/typegpu-cli/templates/template-nextjs-bare/AGENTS.md
 create mode 100644 packages/typegpu-cli/templates/template-nextjs-bare/CLAUDE.md
 create mode 100644 packages/typegpu-cli/templates/template-nextjs-bare/_gitignore
 create mode 100644 packages/typegpu-cli/templates/template-nextjs-bare/_nvmrc
 create mode 100644 packages/typegpu-cli/templates/template-nextjs-bare/_oxfmtrc.json
 create mode 100644 packages/typegpu-cli/templates/template-nextjs-bare/_package.json
 create mode 100644 packages/typegpu-cli/templates/template-nextjs-bare/_vscode/settings.json
 create mode 100644 packages/typegpu-cli/templates/template-nextjs-bare/_zed/settings.json
 create mode 100644 packages/typegpu-cli/templates/template-nextjs-bare/app/Canvas.tsx
 create mode 100644 packages/typegpu-cli/templates/template-nextjs-bare/app/CanvasInner.tsx
 create mode 100644 packages/typegpu-cli/templates/template-nextjs-bare/app/favicon.ico
 create mode 100644 packages/typegpu-cli/templates/template-nextjs-bare/app/globals.css
 create mode 100644 packages/typegpu-cli/templates/template-nextjs-bare/app/layout.tsx
 create mode 100644 packages/typegpu-cli/templates/template-nextjs-bare/app/page.tsx
 create mode 100644 packages/typegpu-cli/templates/template-nextjs-bare/babel.config.js
 create mode 100644 packages/typegpu-cli/templates/template-nextjs-bare/next.config.ts
 create mode 100644 packages/typegpu-cli/templates/template-nextjs-bare/oxlint.config.ts
 create mode 100644 packages/typegpu-cli/templates/template-nextjs-bare/pnpm-workspace.yaml
 create mode 100644 packages/typegpu-cli/templates/template-nextjs-bare/postcss.config.mjs
 create mode 100644 packages/typegpu-cli/templates/template-nextjs-bare/public/icons.svg
 create mode 100644 packages/typegpu-cli/templates/template-nextjs-bare/public/next.svg
 create mode 100644 packages/typegpu-cli/templates/template-nextjs-bare/public/typegpu-logo-dark.svg
 create mode 100644 packages/typegpu-cli/templates/template-nextjs-bare/public/typegpu-logo-light.svg
 create mode 100644 packages/typegpu-cli/templates/template-nextjs-bare/tsconfig.json

diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/AGENTS.md b/packages/typegpu-cli/templates/template-nextjs-bare/AGENTS.md
new file mode 100644
index 0000000000..8bd0e39085
--- /dev/null
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/AGENTS.md
@@ -0,0 +1,5 @@
+<!-- BEGIN:nextjs-agent-rules -->
+# This is NOT the Next.js you know
+
+This version has breaking changes — APIs, conventions, and file structure may all differ from your training data. Read the relevant guide in `node_modules/next/dist/docs/` before writing any code. Heed deprecation notices.
+<!-- END:nextjs-agent-rules -->
diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/CLAUDE.md b/packages/typegpu-cli/templates/template-nextjs-bare/CLAUDE.md
new file mode 100644
index 0000000000..43c994c2d3
--- /dev/null
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/CLAUDE.md
@@ -0,0 +1 @@
+@AGENTS.md
diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/_gitignore b/packages/typegpu-cli/templates/template-nextjs-bare/_gitignore
new file mode 100644
index 0000000000..c5e8b4ffbb
--- /dev/null
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/_gitignore
@@ -0,0 +1,42 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.*
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/versions
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+/dist
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# env files (can opt-in for committing if needed)
+.env*
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/_nvmrc b/packages/typegpu-cli/templates/template-nextjs-bare/_nvmrc
new file mode 100644
index 0000000000..a45fd52cc5
--- /dev/null
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/_nvmrc
@@ -0,0 +1 @@
+24
diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/_oxfmtrc.json b/packages/typegpu-cli/templates/template-nextjs-bare/_oxfmtrc.json
new file mode 100644
index 0000000000..acf53a0834
--- /dev/null
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/_oxfmtrc.json
@@ -0,0 +1,4 @@
+{
+  "singleQuote": true,
+  "ignorePatterns": [".agents/**", "AGENTS.md", "CLAUDE.md"]
+}
diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/_package.json b/packages/typegpu-cli/templates/template-nextjs-bare/_package.json
new file mode 100644
index 0000000000..1e5fb0e451
--- /dev/null
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/_package.json
@@ -0,0 +1,41 @@
+{
+  "name": "typegpu-nextjs-simple-project",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "check": "oxlint && oxfmt --check",
+    "fix": "oxlint --fix && oxfmt",
+    "types": "tsc --p ./tsconfig.json --noEmit"
+  },
+  "dependencies": {
+    "@typegpu/react": "^0.11.1",
+    "next": "16.2.7",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
+    "typegpu": "^0.11.8"
+  },
+  "devDependencies": {
+    "@tailwindcss/postcss": "^4",
+    "@types/node": "^20",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "@webgpu/types": "^0.1.70",
+    "eslint-plugin-typegpu": "^0.11.1",
+    "oxfmt": "^0.49.0",
+    "oxlint": "^1.64.0",
+    "tailwindcss": "^4",
+    "typescript": "npm:tsover@6.0.1",
+    "unplugin-typegpu": "^0.11.4"
+  },
+  "overrides": {
+    "typescript": "npm:tsover@6.0.1"
+  },
+  "pnpm": {
+    "overrides": {
+      "typescript": "npm:tsover@6.0.1"
+    }
+  }
+}
diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/_vscode/settings.json b/packages/typegpu-cli/templates/template-nextjs-bare/_vscode/settings.json
new file mode 100644
index 0000000000..0dfacd95d2
--- /dev/null
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/_vscode/settings.json
@@ -0,0 +1,5 @@
+{
+  "typescript.tsdk": "node_modules/typescript/lib",
+  "typescript.preferences.importModuleSpecifier": "relative",
+  "typescript.enablePromptUseWorkspaceTsdk": true
+}
diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/_zed/settings.json b/packages/typegpu-cli/templates/template-nextjs-bare/_zed/settings.json
new file mode 100644
index 0000000000..9d7badfbd2
--- /dev/null
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/_zed/settings.json
@@ -0,0 +1,15 @@
+// Folder-specific settings
+//
+// For a full list of overridable settings, and general information on folder-specific settings,
+// see the documentation: https://zed.dev/docs/configuring-zed#settings-files
+{
+  "lsp": {
+    "vtsls": {
+      "settings": {
+        "typescript": {
+          "tsdk": "node_modules/typescript/lib"
+        }
+      }
+    }
+  }
+}
diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/app/Canvas.tsx b/packages/typegpu-cli/templates/template-nextjs-bare/app/Canvas.tsx
new file mode 100644
index 0000000000..b1ff0fac19
--- /dev/null
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/app/Canvas.tsx
@@ -0,0 +1,10 @@
+'use client';
+
+import React from 'react';
+import dynamic from 'next/dynamic';
+
+const CanvasInner = dynamic(() => import('./CanvasInner'), { ssr: false });
+
+export default function Canvas({ className }: { className?: string }) {
+  return <CanvasInner className={className} />;
+}
diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/app/CanvasInner.tsx b/packages/typegpu-cli/templates/template-nextjs-bare/app/CanvasInner.tsx
new file mode 100644
index 0000000000..80483dbc04
--- /dev/null
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/app/CanvasInner.tsx
@@ -0,0 +1,29 @@
+'use client';
+
+import React, { useMemo } from 'react';
+import { useConfigureContext, useFrame, useRoot } from '@typegpu/react';
+import { common, d } from 'typegpu';
+
+export default function CanvasInner({ className }: { className?: string }) {
+  const { ref, ctxRef } = useConfigureContext({ autoResize: true, alphaMode: 'premultiplied' });
+
+  const root = useRoot();
+  const renderPipeline = useMemo(
+    () =>
+      root.createRenderPipeline({
+        vertex: common.fullScreenTriangle,
+        fragment: ({ uv }) => {
+          'use gpu';
+          return d.vec4f(0.55, uv, 1);
+        },
+      }),
+    [root],
+  );
+
+  useFrame(() => {
+    if (!ctxRef.current) return;
+    renderPipeline.withColorAttachment({ view: ctxRef.current }).draw(3);
+  });
+
+  return <canvas ref={ref} className={className} />;
+}
diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/app/favicon.ico b/packages/typegpu-cli/templates/template-nextjs-bare/app/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..2901de79c80cfa3680096859b29ddc4a4cfbd68d
GIT binary patch
literal 12007
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
M37}Xe{~_rA0Anx%tN;K2

literal 0
HcmV?d00001

diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/app/globals.css b/packages/typegpu-cli/templates/template-nextjs-bare/app/globals.css
new file mode 100644
index 0000000000..f232fefb0e
--- /dev/null
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/app/globals.css
@@ -0,0 +1,64 @@
+@import 'tailwindcss';
+
+:root {
+  --text: #6b6375;
+  --text-h: #08060d;
+  --bg: #fff;
+  --border: #e5e4e7;
+  --social-bg: rgba(244, 243, 236, 0.5);
+  --shadow: rgba(0, 0, 0, 0.1) 0 10px 15px -3px, rgba(0, 0, 0, 0.05) 0 4px 6px -2px;
+}
+
+@theme inline {
+  --color-bg: var(--bg);
+  --color-text: var(--text);
+  --color-text-h: var(--text-h);
+  --color-border: var(--border);
+  --color-social: var(--social-bg);
+  --font-sans: var(--font-geist-sans);
+  --font-mono: var(--font-geist-mono);
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --text: #9ca3af;
+    --text-h: #f3f4f6;
+    --bg: #16171d;
+    --border: #2e303a;
+    --social-bg: rgba(47, 48, 58, 0.5);
+    --shadow: rgba(0, 0, 0, 0.4) 0 10px 15px -3px, rgba(0, 0, 0, 0.25) 0 4px 6px -2px;
+  }
+
+  .button-icon {
+    filter: invert(1) brightness(2);
+  }
+}
+
+body {
+  margin: 0;
+  background: var(--bg);
+  color: var(--text);
+}
+
+.ticks {
+  position: relative;
+  width: 100%;
+}
+
+.ticks::before,
+.ticks::after {
+  content: '';
+  position: absolute;
+  top: -4.5px;
+  border: 5px solid transparent;
+}
+
+.ticks::before {
+  left: 0;
+  border-left-color: var(--border);
+}
+
+.ticks::after {
+  right: 0;
+  border-right-color: var(--border);
+}
diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/app/layout.tsx b/packages/typegpu-cli/templates/template-nextjs-bare/app/layout.tsx
new file mode 100644
index 0000000000..51983e0490
--- /dev/null
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/app/layout.tsx
@@ -0,0 +1,22 @@
+import React from 'react';
+import type { Metadata } from 'next';
+
+// oxlint-disable-next-line import/no-unassigned-import
+import './globals.css';
+
+export const metadata: Metadata = {
+  title: 'typegpu-nextjs-simple-project',
+  description: 'TypeGPU + Next.js',
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en" className={`h-full antialiased`}>
+      <body className="flex min-h-full flex-col font-sans">{children}</body>
+    </html>
+  );
+}
diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/app/page.tsx b/packages/typegpu-cli/templates/template-nextjs-bare/app/page.tsx
new file mode 100644
index 0000000000..8630eced1b
--- /dev/null
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/app/page.tsx
@@ -0,0 +1,133 @@
+import React from 'react';
+
+import Canvas from './Canvas.tsx';
+import typegpuLogoDark from '../public/typegpu-logo-dark.svg';
+import typegpuLogoLight from '../public/typegpu-logo-light.svg';
+import nextLogo from '../public/next.svg';
+
+export function generateStaticParams() {
+  return [{ slug: [''] }];
+}
+
+export default function Page() {
+  return (
+    <div className="mx-auto flex h-svh w-[1126px] max-w-full flex-col border-x border-border">
+      <section className="flex grow flex-col place-content-center place-items-center pt-8 pb-8 max-[1024px]:pt-8 max-[1024px]:pb-6">
+        <Canvas className="h-[min(55vw,55svh)] w-[min(55vw,55svh)] max-w-full" />
+      </section>
+
+      <div className="ticks" />
+
+      <section className="flex border-t border-border text-left max-[1024px]:flex-col max-[1024px]:text-center">
+        {/* TypeGPU */}
+        <div className="min-w-0 flex-1 border-r border-border p-8 max-[1024px]:border-r-0 max-[1024px]:border-b max-[1024px]:px-5 max-[1024px]:py-6">
+          <picture className="mb-2 flex h-7 items-center max-[1024px]:h-6 max-[1024px]:justify-center">
+            <source srcSet={typegpuLogoDark.src} media="(prefers-color-scheme: dark)" />
+            <img
+              className="h-12 w-auto max-[1024px]:h-8"
+              src={typegpuLogoLight.src}
+              alt="TypeGPU"
+            />
+          </picture>
+
+          <p>Type-safe WebGPU</p>
+
+          <ul className="mt-8 flex flex-wrap gap-2 max-[1024px]:mt-5 max-[1024px]:justify-center">
+            <li className="max-[1024px]:flex-[1_1_calc(50%-8px)]">
+              <a
+                className="flex items-center gap-2 rounded-md bg-social px-3 py-1.5 text-base text-text-h transition-shadow hover:shadow-[var(--shadow)] max-[1024px]:w-full max-[1024px]:justify-center"
+                href="https://docs.swmansion.com/TypeGPU"
+                target="_blank"
+                rel="noreferrer"
+              >
+                <svg
+                  className="button-icon h-[18px] w-[18px]"
+                  role="presentation"
+                  aria-hidden="true"
+                >
+                  <use href="/icons.svg#documentation-icon" />
+                </svg>
+                Documentation
+              </a>
+            </li>
+            <li className="max-[1024px]:flex-[1_1_calc(50%-8px)]">
+              <a
+                className="flex items-center gap-2 rounded-md bg-social px-3 py-1.5 text-base text-text-h transition-shadow hover:shadow-[var(--shadow)] max-[1024px]:w-full max-[1024px]:justify-center"
+                href="https://github.com/software-mansion/typegpu"
+                target="_blank"
+                rel="noreferrer"
+              >
+                <svg
+                  className="button-icon h-[18px] w-[18px]"
+                  role="presentation"
+                  aria-hidden="true"
+                >
+                  <use href="/icons.svg#github-icon" />
+                </svg>
+                GitHub
+              </a>
+            </li>
+            <li className="max-[1024px]:flex-[1_1_calc(50%-8px)]">
+              <a
+                className="flex items-center gap-2 rounded-md bg-social px-3 py-1.5 text-base text-text-h transition-shadow hover:shadow-[var(--shadow)] max-[1024px]:w-full max-[1024px]:justify-center"
+                href="https://discord.gg/8jpfgDqPcM"
+                target="_blank"
+                rel="noreferrer"
+              >
+                <svg
+                  className="button-icon h-[18px] w-[18px]"
+                  role="presentation"
+                  aria-hidden="true"
+                >
+                  <use href="/icons.svg#discord-icon" />
+                </svg>
+                Discord
+              </a>
+            </li>
+          </ul>
+        </div>
+
+        {/* Next.js */}
+        <div className="min-w-0 flex-1 p-8 max-[1024px]:px-5 max-[1024px]:py-6">
+          <h2 className="mb-2 flex h-7 items-center gap-2 text-2xl font-medium leading-tight tracking-tight text-text-h max-[1024px]:h-6 max-[1024px]:justify-center max-[1024px]:text-xl">
+            <picture>
+              <img
+                className="h-[22px] w-auto dark:invert"
+                src={nextLogo.src}
+                alt=""
+                aria-hidden="true"
+              />
+            </picture>
+          </h2>
+
+          <p>The React framework</p>
+
+          <ul className="mt-8 flex flex-wrap gap-2 max-[1024px]:mt-5 max-[1024px]:justify-center">
+            <li className="max-[1024px]:flex-[1_1_calc(50%-8px)]">
+              <a
+                className="flex items-center gap-2 rounded-md bg-social px-3 py-1.5 text-base text-text-h transition-shadow hover:shadow-[var(--shadow)] max-[1024px]:w-full max-[1024px]:justify-center"
+                href="https://nextjs.org"
+                target="_blank"
+                rel="noreferrer"
+              >
+                <picture>
+                  <img
+                    className="h-[18px] w-[18px] object-contain dark:invert"
+                    src={nextLogo.src}
+                    alt=""
+                    aria-hidden="true"
+                  />
+                </picture>
+                Explore Next.js
+              </a>
+            </li>
+          </ul>
+        </div>
+      </section>
+
+      <div className="ticks" />
+
+      <section className="h-[88px] border-t border-border max-[1024px]:h-12" />
+    </div>
+  );
+}
diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/babel.config.js b/packages/typegpu-cli/templates/template-nextjs-bare/babel.config.js
new file mode 100644
index 0000000000..ef07c2dc32
--- /dev/null
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/babel.config.js
@@ -0,0 +1,7 @@
+module.exports = (api) => {
+  api.cache(true);
+  return {
+    presets: ['next/babel'],
+    plugins: ['unplugin-typegpu/babel'],
+  };
+};
diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/next.config.ts b/packages/typegpu-cli/templates/template-nextjs-bare/next.config.ts
new file mode 100644
index 0000000000..9c1882429e
--- /dev/null
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/next.config.ts
@@ -0,0 +1,8 @@
+import type { NextConfig } from 'next';
+
+const nextConfig: NextConfig = {
+  output: 'export',
+  distDir: './dist',
+};
+
+export default nextConfig;
diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/oxlint.config.ts b/packages/typegpu-cli/templates/template-nextjs-bare/oxlint.config.ts
new file mode 100644
index 0000000000..b18160f3d2
--- /dev/null
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/oxlint.config.ts
@@ -0,0 +1,21 @@
+import { defineConfig } from 'oxlint';
+import typegpu from 'eslint-plugin-typegpu';
+
+export default defineConfig({
+  plugins: ['typescript', 'import', 'unicorn', 'oxc', 'react', 'nextjs'],
+  jsPlugins: ['eslint-plugin-typegpu'],
+  categories: {
+    correctness: 'warn',
+    suspicious: 'warn',
+  },
+  rules: {
+    ...typegpu.configs.recommended.rules,
+    'typescript/no-non-null-assertion': 'error',
+    'typescript/no-explicit-any': 'error',
+    'typescript/no-unsafe-type-assertion': 'off',
+    'import/no-named-as-default': 'off',
+  },
+  env: {
+    builtin: true,
+  },
+});
diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/pnpm-workspace.yaml b/packages/typegpu-cli/templates/template-nextjs-bare/pnpm-workspace.yaml
new file mode 100644
index 0000000000..581a9d5b59
--- /dev/null
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/pnpm-workspace.yaml
@@ -0,0 +1,3 @@
+ignoredBuiltDependencies:
+  - sharp
+  - unrs-resolver
diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/postcss.config.mjs b/packages/typegpu-cli/templates/template-nextjs-bare/postcss.config.mjs
new file mode 100644
index 0000000000..297374d80b
--- /dev/null
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/postcss.config.mjs
@@ -0,0 +1,7 @@
+const config = {
+  plugins: {
+    '@tailwindcss/postcss': {},
+  },
+};
+
+export default config;
diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/public/icons.svg b/packages/typegpu-cli/templates/template-nextjs-bare/public/icons.svg
new file mode 100644
index 0000000000..36acdb9f18
--- /dev/null
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/public/icons.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg">
+  <symbol id="discord-icon" viewBox="0 0 20 19">
+    <path fill="#08060d" d="M16.224 3.768a14.5 14.5 0 0 0-3.67-1.153c-.158.286-.343.67-.47.976a13.5 13.5 0 0 0-4.067 0c-.128-.306-.317-.69-.476-.976A14.4 14.4 0 0 0 3.868 3.77C1.546 7.28.916 10.703 1.231 14.077a14.7 14.7 0 0 0 4.5 2.306q.545-.748.965-1.587a9.5 9.5 0 0 1-1.518-.74q.191-.14.372-.293c2.927 1.369 6.107 1.369 8.999 0q.183.152.372.294-.723.437-1.52.74.418.838.963 1.588a14.6 14.6 0 0 0 4.504-2.308c.37-3.911-.63-7.302-2.644-10.309m-9.13 8.234c-.878 0-1.599-.82-1.599-1.82 0-.998.705-1.82 1.6-1.82.894 0 1.614.82 1.599 1.82.001 1-.705 1.82-1.6 1.82m5.91 0c-.878 0-1.599-.82-1.599-1.82 0-.998.705-1.82 1.6-1.82.893 0 1.614.82 1.599 1.82 0 1-.706 1.82-1.6 1.82"/>
+  </symbol>
+  <symbol id="documentation-icon" viewBox="0 0 21 20">
+    <path fill="none" stroke="#08060d" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="m15.5 13.333 1.533 1.322c.645.555.967.833.967 1.178s-.322.623-.967 1.179L15.5 18.333m-3.333-5-1.534 1.322c-.644.555-.966.833-.966 1.178s.322.623.966 1.179l1.534 1.321"/>
+    <path fill="none" stroke="#08060d" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M17.167 10.836v-4.32c0-1.41 0-2.117-.224-2.68-.359-.906-1.118-1.621-2.08-1.96-.599-.21-1.349-.21-2.848-.21-2.623 0-3.935 0-4.983.369-1.684.591-3.013 1.842-3.641 3.428C3 6.449 3 7.684 3 10.154v2.122c0 2.558 0 3.838.706 4.726q.306.383.713.671c.76.536 1.79.64 3.581.66"/>
+    <path fill="none" stroke="#08060d" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.35" d="M3 10a2.78 2.78 0 0 1 2.778-2.778c.555 0 1.209.097 1.748-.047.48-.129.854-.503.982-.982.145-.54.048-1.194.048-1.749a2.78 2.78 0 0 1 2.777-2.777"/>
+  </symbol>
+  <symbol id="github-icon" viewBox="0 0 19 19">
+    <path fill="#08060d" fill-rule="evenodd" d="M9.356 1.85C5.05 1.85 1.57 5.356 1.57 9.694a7.84 7.84 0 0 0 5.324 7.44c.387.079.528-.168.528-.376 0-.182-.013-.805-.013-1.454-2.165.467-2.616-.935-2.616-.935-.349-.91-.864-1.143-.864-1.143-.71-.48.051-.48.051-.48.787.051 1.2.805 1.2.805.695 1.194 1.817.857 2.268.649.064-.507.27-.857.49-1.052-1.728-.182-3.545-.857-3.545-3.87 0-.857.31-1.558.8-2.104-.078-.195-.349-1 .077-2.078 0 0 .657-.208 2.14.805a7.5 7.5 0 0 1 1.946-.26c.657 0 1.328.092 1.946.26 1.483-1.013 2.14-.805 2.14-.805.426 1.078.155 1.883.078 2.078.502.546.799 1.247.799 2.104 0 3.013-1.818 3.675-3.558 3.87.284.247.528.714.528 1.454 0 1.052-.012 1.896-.012 2.156 0 .208.142.455.528.377a7.84 7.84 0 0 0 5.324-7.441c.013-4.338-3.48-7.844-7.773-7.844" clip-rule="evenodd"/>
+  </symbol>
+  <symbol id="react-icon" viewBox="0 0 256 228">
+    <path fill="#08060d" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621 6.238-30.281 2.16-54.676-11.769-62.708-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848 155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233 50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165 167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266 13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923 168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586 13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488C236.905 145.465 256 129.745 256 113.668c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345-3.24-10.257-7.612-21.163-12.963-32.432 5.106-11 9.31-21.767 12.459-31.957 2.619.758 5.16 1.557 7.61 2.4 23.69 8.156 38.14 20.213 38.14 29.504 0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787-1.524 8.219-4.59 13.698-8.382 15.893-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246 12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994 7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863-6.35-5.437-9.555-10.836-9.555-15.216 0-9.322 13.897-21.212 37.076-29.293 2.813-.98 5.757-1.905 8.812-2.773 3.204 10.42 7.406 21.315 12.477 32.332-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789 8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152 7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793 2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433 4.902.192 9.899.29 14.978.29 5.218 0 10.376-.117 15.453-.343-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026 347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815 329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627 310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695 358.489 358.489 0 0 1 11.036 20.54 329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026-.344 1.668-.73 3.367-1.15 5.09-10.622-2.452-22.155-4.275-34.23-5.408-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86-22.86-10.235-22.86-22.86 10.235-22.86 22.86-22.86Z"/>
+  </symbol>
+  <symbol id="vite-icon" viewBox="14 0 48 47">
+    <path fill="#08060d" d="M40.151 45.71c-.663.844-2.02.374-2.02-.699V34.708a2.26 2.26 0 0 0-2.262-2.262H24.493c-.92 0-1.457-1.04-.92-1.788l7.479-10.471c1.07-1.498 0-3.578-1.842-3.578H15.443c-.92 0-1.456-1.04-.92-1.788l9.696-13.576c.213-.297.556-.474.92-.474h28.894c.92 0 1.456 1.04.92 1.788l-7.48 10.472c-1.07 1.497 0 3.578 1.842 3.578h11.376c.944 0 1.474 1.087.89 1.83L40.153 45.712z"/>
+  </symbol>
+</svg>
diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/public/next.svg b/packages/typegpu-cli/templates/template-nextjs-bare/public/next.svg
new file mode 100644
index 0000000000..5174b28c56
--- /dev/null
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/public/next.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
\ No newline at end of file
diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/public/typegpu-logo-dark.svg b/packages/typegpu-cli/templates/template-nextjs-bare/public/typegpu-logo-dark.svg
new file mode 100644
index 0000000000..65c9a02c31
--- /dev/null
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/public/typegpu-logo-dark.svg
@@ -0,0 +1,59 @@
+<svg width="329.5" height="97.5" viewBox="0 0 659 195" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M480.055 87.9692C478.078 83.8215 475.219 80.6088 471.48 78.3308C467.741 76.0529 463.389 74.9139 458.425 74.9139C453.461 74.9139 448.991 76.0529 445.004 78.3308C441.029 80.6088 437.891 83.8753 435.613 88.1303C433.335 92.3854 432.196 97.2959 432.196 102.873C432.196 108.449 433.335 113.349 435.613 117.561C437.891 121.784 441.018 125.029 445.004 127.307C448.98 129.585 453.461 130.724 458.425 130.724C465.366 130.724 471.072 128.65 475.563 124.502C480.055 120.355 482.666 114.746 483.418 107.665H455.051V100.111H493.314V107.257C492.766 113.113 490.929 118.464 487.802 123.331C484.675 128.199 480.56 132.035 475.456 134.861C470.352 137.687 464.678 139.094 458.414 139.094C451.817 139.094 445.799 137.547 440.352 134.452C434.904 131.358 430.606 127.06 427.447 121.548C424.288 116.035 422.698 109.814 422.698 102.873C422.698 95.9313 424.277 89.6991 427.447 84.1546C430.606 78.6102 434.915 74.2907 440.352 71.1961C445.789 68.1015 451.817 66.5542 458.414 66.5542C465.968 66.5542 472.651 68.4238 478.464 72.1631C484.277 75.9024 488.511 81.1783 491.165 87.9799H480.044L480.055 87.9692Z"
+    fill="url(#paint0_linear_122_144)" />
+  <path
+    d="M547.04 102.916C542.989 106.827 536.821 108.782 528.526 108.782H514.859V138.471H505.575V67.3601H528.537C536.564 67.3601 542.667 69.2942 546.847 73.1732C551.026 77.0521 553.122 82.0486 553.122 88.1733C553.122 94.298 551.102 99.0044 547.051 102.916H547.04ZM539.948 97.7579C542.398 95.5122 543.623 92.3209 543.623 88.1626C543.623 79.3838 538.584 74.9998 528.526 74.9998H514.859V101.121H528.526C533.695 101.121 537.509 100.004 539.959 97.7579H539.948Z"
+    fill="url(#paint1_linear_122_144)" />
+  <path
+    d="M573.719 67.3601V112.361C573.719 118.689 575.266 123.374 578.361 126.437C581.456 129.499 585.754 131.025 591.266 131.025C596.778 131.025 600.979 129.499 604.074 126.437C607.169 123.374 608.716 118.679 608.716 112.361V67.3601H618V112.253C618 118.174 616.807 123.159 614.432 127.199C612.047 131.25 608.834 134.259 604.794 136.225C600.743 138.202 596.209 139.18 591.169 139.18C586.13 139.18 581.595 138.192 577.544 136.225C573.494 134.248 570.302 131.24 567.949 127.199C565.607 123.149 564.425 118.174 564.425 112.253V67.3601H573.719Z"
+    fill="url(#paint2_linear_122_144)" />
+  <path d="M225.075 67.3601V74.9139H205.691V138.482H196.407V74.9139H176.915V67.3601H225.075Z" fill="white" />
+  <path
+    d="M284.667 82.5537L250.992 164.797H241.397L252.421 137.859L229.867 82.5537H240.172L257.719 127.855L275.061 82.5537H284.667Z"
+    fill="white" />
+  <path
+    d="M311.444 84.8531C315.086 82.7148 319.32 81.6403 324.144 81.6403C328.969 81.6403 333.611 82.833 337.662 85.2077C341.713 87.5931 344.893 90.9348 347.203 95.2544C349.514 99.5739 350.674 104.592 350.674 110.308C350.674 116.025 349.514 120.989 347.203 125.405C344.893 129.832 341.713 133.26 337.662 135.71C333.611 138.159 329.109 139.384 324.144 139.384C319.18 139.384 315.183 138.31 311.541 136.172C307.898 134.033 305.126 131.358 303.224 128.167V165.001H293.94V82.5644H303.224V92.8689C305.061 89.6777 307.801 87.0021 311.433 84.8639L311.444 84.8531ZM338.64 99.2945C336.942 96.1677 334.642 93.7823 331.752 92.149C328.862 90.5158 325.681 89.6991 322.21 89.6991C318.74 89.6991 315.667 90.5373 312.776 92.2027C309.886 93.8682 307.576 96.2859 305.835 99.4449C304.105 102.604 303.235 106.268 303.235 110.416C303.235 114.563 304.105 118.324 305.835 121.483C307.565 124.642 309.886 127.06 312.776 128.725C315.667 130.391 318.815 131.229 322.21 131.229C325.606 131.229 328.862 130.402 331.752 128.725C334.642 127.06 336.942 124.642 338.64 121.483C340.337 118.324 341.186 114.596 341.186 110.308C341.186 106.021 340.337 102.421 338.64 99.2945Z"
+    fill="white" />
+  <path
+    d="M413.628 113.983H368.94C369.284 119.495 371.164 123.793 374.602 126.888C378.041 129.982 382.199 131.53 387.099 131.53C391.107 131.53 394.459 130.595 397.145 128.725C399.832 126.856 401.723 124.352 402.808 121.225H412.812C411.318 126.598 408.32 130.971 403.829 134.334C399.337 137.697 393.761 139.384 387.099 139.384C381.791 139.384 377.052 138.192 372.862 135.817C368.682 133.442 365.394 130.047 363.019 125.663C360.634 121.279 359.452 116.197 359.452 110.405C359.452 104.613 360.612 99.5524 362.922 95.2006C365.233 90.8489 368.488 87.4964 372.668 85.154C376.848 82.8115 381.662 81.6296 387.11 81.6296C392.557 81.6296 397.113 82.79 401.186 85.1002C405.269 87.4104 408.417 90.591 410.62 94.6419C412.833 98.6928 413.94 103.259 413.94 108.363C413.94 110.136 413.843 112.006 413.639 113.972L413.628 113.983ZM402.002 97.3067C400.433 94.7601 398.317 92.8152 395.63 91.4936C392.944 90.1719 389.968 89.5057 386.701 89.5057C382.006 89.5057 378.009 90.9993 374.71 93.9972C371.411 96.9951 369.52 101.143 369.047 106.44H404.345C404.345 102.905 403.56 99.864 402.002 97.3067Z"
+    fill="white" />
+  <path
+    d="M73.0958 86.046L50.2291 67.178L30.9487 92.0102C28.9364 94.5999 28.4417 98.0641 29.6559 101.113L48.0144 147.314C49.5321 151.125 52.9947 153.805 57.0644 154.321L117.761 161.989L107.913 137.627C98.5258 116.203 89.4421 99.5327 73.0846 86.0348L73.0958 86.046Z"
+    fill="url(#paint3_linear_122_144)" />
+  <path
+    d="M145.383 111.831L127.137 64.5658C125.844 61.225 122.753 58.9267 119.178 58.6464L68.1717 54.6778C61.4376 54.1509 59.2791 50.5409 58.6046 48.7248L58.3235 47.6934L48.228 11L41.1791 27.6482C39.3129 32.0541 40.5046 37.1551 44.1358 40.2942L60.0773 54.05L74.726 66.0793C95.1643 82.8621 108.779 106.495 112.995 132.56L117.761 162L144.54 120.161C146.125 117.672 146.44 114.589 145.383 111.831Z"
+    fill="url(#paint4_linear_122_144)" />
+  <defs>
+    <linearGradient id="paint0_linear_122_144" x1="484.139" y1="91.815" x2="496.287" y2="155.313"
+      gradientUnits="userSpaceOnUse">
+      <stop stop-color="#D48DFF" />
+      <stop offset="0.48" stop-color="#725EF8" />
+      <stop offset="1" stop-color="#5885FF" />
+    </linearGradient>
+    <linearGradient id="paint1_linear_122_144" x1="484.139" y1="91.815" x2="496.287" y2="155.313"
+      gradientUnits="userSpaceOnUse">
+      <stop stop-color="#D48DFF" />
+      <stop offset="0.48" stop-color="#725EF8" />
+      <stop offset="1" stop-color="#5885FF" />
+    </linearGradient>
+    <linearGradient id="paint2_linear_122_144" x1="484.139" y1="91.815" x2="496.287" y2="155.313"
+      gradientUnits="userSpaceOnUse">
+      <stop stop-color="#D48DFF" />
+      <stop offset="0.48" stop-color="#725EF8" />
+      <stop offset="1" stop-color="#5885FF" />
+    </linearGradient>
+    <linearGradient id="paint3_linear_122_144" x1="-1.31439" y1="-87.8097" x2="202.293" y2="233.635"
+      gradientUnits="userSpaceOnUse">
+      <stop offset="0.255" stop-color="#D48DFF" />
+      <stop offset="0.58" stop-color="#7272FF" />
+      <stop offset="0.72" stop-color="#0059DF" />
+    </linearGradient>
+    <linearGradient id="paint4_linear_122_144" x1="48.5552" y1="-17.1731" x2="164.852" y2="204.678"
+      gradientUnits="userSpaceOnUse">
+      <stop offset="0.32" stop-color="#D48DFF" />
+      <stop offset="0.545" stop-color="#5259EE" />
+      <stop offset="0.825" stop-color="#1E2FB6" />
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/public/typegpu-logo-light.svg b/packages/typegpu-cli/templates/template-nextjs-bare/public/typegpu-logo-light.svg
new file mode 100644
index 0000000000..a1b63335fc
--- /dev/null
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/public/typegpu-logo-light.svg
@@ -0,0 +1,58 @@
+<svg width="329.5" height="97.5" viewBox="0 0 659 195" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path
+    d="M480.055 88.9692C478.078 84.8215 475.219 81.6088 471.48 79.3308C467.741 77.0529 463.389 75.9139 458.425 75.9139C453.461 75.9139 448.991 77.0529 445.004 79.3308C441.029 81.6088 437.891 84.8753 435.613 89.1303C433.335 93.3854 432.196 98.2959 432.196 103.873C432.196 109.449 433.335 114.349 435.613 118.561C437.891 122.784 441.018 126.029 445.004 128.307C448.98 130.585 453.461 131.724 458.425 131.724C465.366 131.724 471.072 129.65 475.563 125.502C480.055 121.355 482.666 115.746 483.418 108.665H455.051V101.111H493.314V108.257C492.766 114.113 490.929 119.464 487.802 124.331C484.675 129.199 480.56 133.035 475.456 135.861C470.352 138.687 464.678 140.094 458.414 140.094C451.817 140.094 445.799 138.547 440.352 135.452C434.904 132.358 430.606 128.06 427.447 122.548C424.288 117.035 422.698 110.814 422.698 103.873C422.698 96.9313 424.277 90.6991 427.447 85.1546C430.606 79.6102 434.915 75.2907 440.352 72.1961C445.789 69.1015 451.817 67.5542 458.414 67.5542C465.968 67.5542 472.651 69.4238 478.464 73.1631C484.277 76.9024 488.511 82.1783 491.165 88.9799H480.044L480.055 88.9692Z"
+    fill="url(#paint0_linear_122_149)" />
+  <path
+    d="M547.04 103.916C542.989 107.827 536.821 109.782 528.526 109.782H514.859V139.471H505.575V68.3601H528.537C536.564 68.3601 542.667 70.2942 546.847 74.1732C551.026 78.0521 553.122 83.0486 553.122 89.1733C553.122 95.298 551.102 100.004 547.051 103.916H547.04ZM539.948 98.7579C542.398 96.5122 543.623 93.3209 543.623 89.1626C543.623 80.3838 538.584 75.9998 528.526 75.9998H514.859V102.121H528.526C533.695 102.121 537.509 101.004 539.959 98.7579H539.948Z"
+    fill="url(#paint1_linear_122_149)" />
+  <path
+    d="M573.719 68.3601V113.361C573.719 119.689 575.266 124.374 578.361 127.437C581.456 130.499 585.754 132.025 591.266 132.025C596.778 132.025 600.979 130.499 604.074 127.437C607.169 124.374 608.716 119.679 608.716 113.361V68.3601H618V113.253C618 119.174 616.807 124.159 614.432 128.199C612.047 132.25 608.834 135.259 604.794 137.225C600.743 139.202 596.209 140.18 591.169 140.18C586.13 140.18 581.595 139.192 577.544 137.225C573.494 135.248 570.302 132.24 567.949 128.199C565.607 124.149 564.425 119.174 564.425 113.253V68.3601H573.719Z"
+    fill="url(#paint2_linear_122_149)" />
+  <path d="M225.075 68.3601V75.9139H205.691V139.482H196.407V75.9139H176.915V68.3601H225.075Z" fill="black" />
+  <path
+    d="M284.667 83.5537L250.992 165.797H241.397L252.421 138.859L229.867 83.5537H240.172L257.719 128.855L275.061 83.5537H284.667Z"
+    fill="black" />
+  <path
+    d="M311.444 85.8531C315.086 83.7148 319.32 82.6403 324.144 82.6403C328.969 82.6403 333.611 83.833 337.662 86.2077C341.713 88.5931 344.893 91.9348 347.203 96.2544C349.514 100.574 350.674 105.592 350.674 111.308C350.674 117.025 349.514 121.989 347.203 126.405C344.893 130.832 341.713 134.26 337.662 136.71C333.611 139.159 329.109 140.384 324.144 140.384C319.18 140.384 315.183 139.31 311.541 137.172C307.898 135.033 305.126 132.358 303.224 129.167V166.001H293.94V83.5644H303.224V93.8689C305.061 90.6777 307.801 88.0021 311.433 85.8639L311.444 85.8531ZM338.64 100.295C336.942 97.1677 334.642 94.7823 331.752 93.149C328.862 91.5158 325.681 90.6991 322.21 90.6991C318.74 90.6991 315.667 91.5373 312.776 93.2027C309.886 94.8682 307.576 97.2859 305.835 100.445C304.105 103.604 303.235 107.268 303.235 111.416C303.235 115.563 304.105 119.324 305.835 122.483C307.565 125.642 309.886 128.06 312.776 129.725C315.667 131.391 318.815 132.229 322.21 132.229C325.606 132.229 328.862 131.402 331.752 129.725C334.642 128.06 336.942 125.642 338.64 122.483C340.337 119.324 341.186 115.596 341.186 111.308C341.186 107.021 340.337 103.421 338.64 100.295Z"
+    fill="black" />
+  <path
+    d="M413.628 114.983H368.94C369.284 120.495 371.164 124.793 374.602 127.888C378.041 130.982 382.199 132.53 387.099 132.53C391.107 132.53 394.459 131.595 397.145 129.725C399.832 127.856 401.723 125.352 402.808 122.225H412.812C411.318 127.598 408.32 131.971 403.829 135.334C399.337 138.697 393.761 140.384 387.099 140.384C381.791 140.384 377.052 139.192 372.862 136.817C368.682 134.442 365.394 131.047 363.019 126.663C360.634 122.279 359.452 117.197 359.452 111.405C359.452 105.613 360.612 100.552 362.922 96.2006C365.233 91.8489 368.488 88.4964 372.668 86.154C376.848 83.8115 381.662 82.6296 387.11 82.6296C392.557 82.6296 397.113 83.79 401.186 86.1002C405.269 88.4104 408.417 91.591 410.62 95.6419C412.833 99.6928 413.94 104.259 413.94 109.363C413.94 111.136 413.843 113.006 413.639 114.972L413.628 114.983ZM402.002 98.3067C400.433 95.7601 398.317 93.8152 395.63 92.4936C392.944 91.1719 389.968 90.5057 386.701 90.5057C382.006 90.5057 378.009 91.9993 374.71 94.9972C371.411 97.9951 369.52 102.143 369.047 107.44H404.345C404.345 103.905 403.56 100.864 402.002 98.3067Z"
+    fill="black" />
+  <path
+    d="M73.0958 87.046L50.2291 68.178L30.9487 93.0102C28.9364 95.5999 28.4417 99.0641 29.6559 102.113L48.0144 148.314C49.5321 152.125 52.9947 154.805 57.0644 155.321L117.761 162.989L107.913 138.627C98.5258 117.203 89.4421 100.533 73.0846 87.0348L73.0958 87.046Z"
+    fill="url(#paint3_linear_122_149)" />
+  <path
+    d="M145.383 112.831L127.137 65.5658C125.844 62.225 122.753 59.9267 119.178 59.6464L68.1717 55.6778C61.4376 55.1509 59.2791 51.5409 58.6046 49.7248L58.3235 48.6934L48.228 12L41.1791 28.6482C39.3129 33.0541 40.5046 38.1551 44.1358 41.2942L60.0773 55.05L74.726 67.0793C95.1643 83.8621 108.779 107.495 112.995 133.56L117.761 163L144.54 121.161C146.125 118.672 146.44 115.589 145.383 112.831Z"
+    fill="url(#paint4_linear_122_149)" />
+  <defs>
+    <linearGradient id="paint0_linear_122_149" x1="484.139" y1="92.815" x2="496.287" y2="156.313"
+      gradientUnits="userSpaceOnUse">
+      <stop stop-color="#B667FF" />
+      <stop offset="0.48" stop-color="#725EF8" />
+      <stop offset="1" stop-color="#5885FF" />
+    </linearGradient>
+    <linearGradient id="paint1_linear_122_149" x1="484.139" y1="92.815" x2="496.287" y2="156.313"
+      gradientUnits="userSpaceOnUse">
+      <stop stop-color="#B667FF" />
+      <stop offset="0.48" stop-color="#725EF8" />
+      <stop offset="1" stop-color="#5885FF" />
+    </linearGradient>
+    <linearGradient id="paint2_linear_122_149" x1="484.139" y1="92.815" x2="496.287" y2="156.313"
+      gradientUnits="userSpaceOnUse">
+      <stop stop-color="#B667FF" />
+      <stop offset="0.48" stop-color="#725EF8" />
+      <stop offset="1" stop-color="#5885FF" />
+    </linearGradient>
+    <linearGradient id="paint3_linear_122_149" x1="-1.31439" y1="-86.8097" x2="202.293" y2="234.635"
+      gradientUnits="userSpaceOnUse">
+      <stop offset="0.425" stop-color="#D48DFF" />
+      <stop offset="0.635" stop-color="#6C80FF" />
+      <stop offset="0.895" stop-color="#0059DF" />
+    </linearGradient>
+    <linearGradient id="paint4_linear_122_149" x1="48.5552" y1="-16.1731" x2="164.852" y2="205.678"
+      gradientUnits="userSpaceOnUse">
+      <stop offset="0.32" stop-color="#D48DFF" />
+      <stop offset="0.825" stop-color="#273DE6" />
+    </linearGradient>
+  </defs>
+</svg>
diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/tsconfig.json b/packages/typegpu-cli/templates/template-nextjs-bare/tsconfig.json
new file mode 100644
index 0000000000..aec10d7402
--- /dev/null
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/tsconfig.json
@@ -0,0 +1,38 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["DOM", "DOM.Iterable", "ES2020"],
+    "module": "ESNext",
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+    "strict": true,
+    "noFallthroughCasesInSwitch": true,
+    "allowJs": true,
+    "forceConsistentCasingInFileNames": true,
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "types": ["@webgpu/types"]
+  },
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts",
+    "**/*.mts",
+    "dist/types/**/*.ts",
+    "dist/dev/types/**/*.ts"
+  ],
+  "exclude": ["node_modules"]
+}

From 986a7cf5f5e904ce690f0f1e4b047e292d551eec Mon Sep 17 00:00:00 2001
From: Szymon Szulc <szymon.szulc@student.uj.edu.pl>
Date: Thu, 11 Jun 2026 16:33:00 +0200
Subject: [PATCH 12/18] canvas -> shader rename

---
 .../template-nextjs-bare/app/{Canvas.tsx => Shader.tsx}       | 4 ++--
 .../app/{CanvasInner.tsx => ShaderInner.tsx}                  | 2 +-
 .../typegpu-cli/templates/template-nextjs-bare/app/page.tsx   | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)
 rename packages/typegpu-cli/templates/template-nextjs-bare/app/{Canvas.tsx => Shader.tsx} (54%)
 rename packages/typegpu-cli/templates/template-nextjs-bare/app/{CanvasInner.tsx => ShaderInner.tsx} (92%)

diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/app/Canvas.tsx b/packages/typegpu-cli/templates/template-nextjs-bare/app/Shader.tsx
similarity index 54%
rename from packages/typegpu-cli/templates/template-nextjs-bare/app/Canvas.tsx
rename to packages/typegpu-cli/templates/template-nextjs-bare/app/Shader.tsx
index b1ff0fac19..b030fc93df 100644
--- a/packages/typegpu-cli/templates/template-nextjs-bare/app/Canvas.tsx
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/app/Shader.tsx
@@ -3,8 +3,8 @@
 import React from 'react';
 import dynamic from 'next/dynamic';
 
-const CanvasInner = dynamic(() => import('./CanvasInner'), { ssr: false });
+const ShaderInner = dynamic(() => import('./ShaderInner.tsx'), { ssr: false });
 
 export default function Canvas({ className }: { className?: string }) {
-  return <CanvasInner className={className} />;
+  return <ShaderInner className={className} />;
 }
diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/app/CanvasInner.tsx b/packages/typegpu-cli/templates/template-nextjs-bare/app/ShaderInner.tsx
similarity index 92%
rename from packages/typegpu-cli/templates/template-nextjs-bare/app/CanvasInner.tsx
rename to packages/typegpu-cli/templates/template-nextjs-bare/app/ShaderInner.tsx
index 80483dbc04..8b64066c2c 100644
--- a/packages/typegpu-cli/templates/template-nextjs-bare/app/CanvasInner.tsx
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/app/ShaderInner.tsx
@@ -4,7 +4,7 @@ import React, { useMemo } from 'react';
 import { useConfigureContext, useFrame, useRoot } from '@typegpu/react';
 import { common, d } from 'typegpu';
 
-export default function CanvasInner({ className }: { className?: string }) {
+export default function ShaderInner({ className }: { className?: string }) {
   const { ref, ctxRef } = useConfigureContext({ autoResize: true, alphaMode: 'premultiplied' });
 
   const root = useRoot();
diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/app/page.tsx b/packages/typegpu-cli/templates/template-nextjs-bare/app/page.tsx
index 8630eced1b..8a3c537619 100644
--- a/packages/typegpu-cli/templates/template-nextjs-bare/app/page.tsx
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/app/page.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 
-import Canvas from './Canvas.tsx';
+import Shader from './Shader.tsx';
 import typegpuLogoDark from '../public/typegpu-logo-dark.svg';
 import typegpuLogoLight from '../public/typegpu-logo-light.svg';
 import nextLogo from '../public/next.svg';
@@ -13,7 +13,7 @@ export default function Page() {
   return (
     <div className="mx-auto flex h-svh w-[1126px] max-w-full flex-col border-x border-border">
       <section className="flex grow flex-col place-content-center place-items-center pt-8 pb-8 max-[1024px]:pt-8 max-[1024px]:pb-6">
-        <Canvas className="h-[min(55vw,55svh)] w-[min(55vw,55svh)] max-w-full" />
+        <Shader className="h-[min(55vw,55svh)] w-[min(55vw,55svh)] max-w-full" />
       </section>
 
       <div className="ticks" />

From bd1f54a9cfe75d29d91da3760754d0172c2d10a6 Mon Sep 17 00:00:00 2001
From: Szymon Szulc <szymon.szulc@student.uj.edu.pl>
Date: Thu, 11 Jun 2026 16:40:27 +0200
Subject: [PATCH 13/18] simple -> bare

---
 .../typegpu-cli/templates/template-nextjs-bare/_package.json    | 2 +-
 .../typegpu-cli/templates/template-nextjs-bare/app/layout.tsx   | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/_package.json b/packages/typegpu-cli/templates/template-nextjs-bare/_package.json
index 1e5fb0e451..41348b8cb6 100644
--- a/packages/typegpu-cli/templates/template-nextjs-bare/_package.json
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/_package.json
@@ -1,5 +1,5 @@
 {
-  "name": "typegpu-nextjs-simple-project",
+  "name": "typegpu-nextjs-bare-project",
   "version": "0.0.0",
   "private": true,
   "scripts": {
diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/app/layout.tsx b/packages/typegpu-cli/templates/template-nextjs-bare/app/layout.tsx
index 51983e0490..ad42aadbce 100644
--- a/packages/typegpu-cli/templates/template-nextjs-bare/app/layout.tsx
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/app/layout.tsx
@@ -5,7 +5,7 @@ import type { Metadata } from 'next';
 import './globals.css';
 
 export const metadata: Metadata = {
-  title: 'typegpu-nextjs-simple-project',
+  title: 'typegpu-nextjs-bare-project',
   description: 'TypeGPU + Next.js',
 };
 

From 214553c5ba87b71614d0cf9b1f9dca5efcf807e0 Mon Sep 17 00:00:00 2001
From: Szymon Szulc <szymon.szulc@student.uj.edu.pl>
Date: Thu, 11 Jun 2026 18:21:11 +0200
Subject: [PATCH 14/18] agents gitignore

---
 packages/typegpu-cli/templates/template-nextjs-bare/_gitignore | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/_gitignore b/packages/typegpu-cli/templates/template-nextjs-bare/_gitignore
index c5e8b4ffbb..166e81b14a 100644
--- a/packages/typegpu-cli/templates/template-nextjs-bare/_gitignore
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/_gitignore
@@ -24,6 +24,7 @@
 # misc
 .DS_Store
 *.pem
+.agents
 
 # debug
 npm-debug.log*

From 8b37577c744dc89423bf6a10c43082edcd3a4f2f Mon Sep 17 00:00:00 2001
From: Szymon Szulc <szymon.szulc@student.uj.edu.pl>
Date: Fri, 12 Jun 2026 16:22:25 +0200
Subject: [PATCH 15/18] bump es version so extarnals dont fail

---
 .../typegpu-cli/templates/template-nextjs-bare/tsconfig.json  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/tsconfig.json b/packages/typegpu-cli/templates/template-nextjs-bare/tsconfig.json
index aec10d7402..698cbb13de 100644
--- a/packages/typegpu-cli/templates/template-nextjs-bare/tsconfig.json
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/tsconfig.json
@@ -1,8 +1,8 @@
 {
   "compilerOptions": {
-    "target": "ES2020",
+    "target": "ESNext",
     "useDefineForClassFields": true,
-    "lib": ["DOM", "DOM.Iterable", "ES2020"],
+    "lib": ["DOM", "DOM.Iterable", "ESNext"],
     "module": "ESNext",
     "esModuleInterop": true,
     "skipLibCheck": true,

From 1dc63717392f1d0201e0abb9eea3dc9bc0e56e6a Mon Sep 17 00:00:00 2001
From: Szymon Szulc <szymon.szulc@student.uj.edu.pl>
Date: Tue, 7 Jul 2026 19:14:20 +0200
Subject: [PATCH 16/18] bump

---
 packages/typegpu-cli/src/options.ts           |  1 +
 .../template-nextjs-bare/_package.json        |  6 +--
 .../_vscode/extensions.json                   |  3 ++
 .../_vscode/settings.json                     | 15 ++++++-
 .../template-nextjs-bare/_zed/settings.json   | 43 +++++++++++++++++++
 .../template-nextjs-bare/app/Shader.tsx       | 29 ++++++++++---
 .../template-nextjs-bare/app/ShaderInner.tsx  | 29 -------------
 .../template-nextjs-bare/app/page.tsx         |  9 +++-
 .../template-nextjs-bare/tsconfig.json        |  5 +--
 9 files changed, 98 insertions(+), 42 deletions(-)
 create mode 100644 packages/typegpu-cli/templates/template-nextjs-bare/_vscode/extensions.json
 delete mode 100644 packages/typegpu-cli/templates/template-nextjs-bare/app/ShaderInner.tsx

diff --git a/packages/typegpu-cli/src/options.ts b/packages/typegpu-cli/src/options.ts
index f6250de5f4..ef2584dd72 100644
--- a/packages/typegpu-cli/src/options.ts
+++ b/packages/typegpu-cli/src/options.ts
@@ -10,6 +10,7 @@ export const PROJECT_TEMPLATES = [
   { value: 'vite-bare', label: 'Vite (Bare)' },
   { value: 'vite-complex', label: 'Vite (Complex - Domain Warping)' },
   { value: 'vite-react', label: 'Vite + React (Bare)' },
+  { value: 'nextjs-bare', label: 'Next.js (Bare)' },
   { value: 'expo-bare', label: 'Expo RN (Bare)' },
 ] as const;
 
diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/_package.json b/packages/typegpu-cli/templates/template-nextjs-bare/_package.json
index 41348b8cb6..d2681ac679 100644
--- a/packages/typegpu-cli/templates/template-nextjs-bare/_package.json
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/_package.json
@@ -11,11 +11,11 @@
     "types": "tsc --p ./tsconfig.json --noEmit"
   },
   "dependencies": {
-    "@typegpu/react": "^0.11.1",
+    "@typegpu/react": "^0.11.2",
     "next": "16.2.7",
     "react": "19.2.4",
     "react-dom": "19.2.4",
-    "typegpu": "^0.11.8"
+    "typegpu": "^0.11.9"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4",
@@ -28,7 +28,7 @@
     "oxlint": "^1.64.0",
     "tailwindcss": "^4",
     "typescript": "npm:tsover@6.0.1",
-    "unplugin-typegpu": "^0.11.4"
+    "unplugin-typegpu": "^0.11.6"
   },
   "overrides": {
     "typescript": "npm:tsover@6.0.1"
diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/_vscode/extensions.json b/packages/typegpu-cli/templates/template-nextjs-bare/_vscode/extensions.json
new file mode 100644
index 0000000000..99e2f7ddf7
--- /dev/null
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/_vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+  "recommendations": ["oxc.oxc-vscode"]
+}
diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/_vscode/settings.json b/packages/typegpu-cli/templates/template-nextjs-bare/_vscode/settings.json
index 0dfacd95d2..1056eac024 100644
--- a/packages/typegpu-cli/templates/template-nextjs-bare/_vscode/settings.json
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/_vscode/settings.json
@@ -1,5 +1,18 @@
 {
   "typescript.tsdk": "node_modules/typescript/lib",
   "typescript.preferences.importModuleSpecifier": "relative",
-  "typescript.enablePromptUseWorkspaceTsdk": true
+  "typescript.enablePromptUseWorkspaceTsdk": true,
+
+  "oxc.configPath": "oxlint.config.ts",
+  "oxc.fmt.configPath": ".oxfmtrc.json",
+  "oxc.lint.run": "onType",
+  "editor.defaultFormatter": "oxc.oxc-vscode",
+  "editor.formatOnSave": true,
+  "editor.formatOnSaveMode": "file",
+
+  "editor.codeActionsOnSave": {
+    "source.organizeImports": "never",
+    "source.format.oxc": "always",
+    "source.fixAll.oxc": "always"
+  }
 }
diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/_zed/settings.json b/packages/typegpu-cli/templates/template-nextjs-bare/_zed/settings.json
index 9d7badfbd2..ee27702340 100644
--- a/packages/typegpu-cli/templates/template-nextjs-bare/_zed/settings.json
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/_zed/settings.json
@@ -10,6 +10,49 @@
           "tsdk": "node_modules/typescript/lib"
         }
       }
+    },
+    "oxlint": {
+      "initialization_options": {
+        "settings": {
+          "configPath": "./oxlint.config.ts",
+          "run": "onType",
+          "fixKind": "safe_fix"
+        }
+      }
+    },
+    "oxfmt": {
+      "initialization_options": {
+        "settings": {
+          "fmt.configPath": ".oxfmtrc.json"
+        }
+      }
+    }
+  },
+  "languages": {
+    "TypeScript": {
+      "format_on_save": "on",
+      "prettier": { "allowed": false },
+      "formatter": [{ "language_server": { "name": "oxfmt" } }]
+    },
+    "TSX": {
+      "format_on_save": "on",
+      "prettier": { "allowed": false },
+      "formatter": [{ "language_server": { "name": "oxfmt" } }]
+    },
+    "JavaScript": {
+      "format_on_save": "on",
+      "prettier": { "allowed": false },
+      "formatter": [{ "language_server": { "name": "oxfmt" } }]
+    },
+    "JSON": {
+      "format_on_save": "on",
+      "prettier": { "allowed": false },
+      "formatter": [{ "language_server": { "name": "oxfmt" } }]
+    },
+    "JSONC": {
+      "format_on_save": "on",
+      "prettier": { "allowed": false },
+      "formatter": [{ "language_server": { "name": "oxfmt" } }]
     }
   }
 }
diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/app/Shader.tsx b/packages/typegpu-cli/templates/template-nextjs-bare/app/Shader.tsx
index b030fc93df..d256615280 100644
--- a/packages/typegpu-cli/templates/template-nextjs-bare/app/Shader.tsx
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/app/Shader.tsx
@@ -1,10 +1,29 @@
 'use client';
 
-import React from 'react';
-import dynamic from 'next/dynamic';
+import React, { useMemo } from 'react';
+import { useConfigureContext, useFrame, useRoot } from '@typegpu/react';
+import { common, d } from 'typegpu';
 
-const ShaderInner = dynamic(() => import('./ShaderInner.tsx'), { ssr: false });
+export default function Shader({ className }: { className?: string }) {
+  const { ref, ctxRef } = useConfigureContext({ autoResize: true, alphaMode: 'premultiplied' });
 
-export default function Canvas({ className }: { className?: string }) {
-  return <ShaderInner className={className} />;
+  const root = useRoot();
+  const renderPipeline = useMemo(
+    () =>
+      root.createRenderPipeline({
+        vertex: common.fullScreenTriangle,
+        fragment: ({ uv }) => {
+          'use gpu';
+          return d.vec4f(0.55, uv, 1);
+        },
+      }),
+    [root],
+  );
+
+  useFrame(() => {
+    if (!ctxRef.current) return;
+    renderPipeline.withColorAttachment({ view: ctxRef.current }).draw(3);
+  });
+
+  return <canvas ref={ref} className={className} />;
 }
diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/app/ShaderInner.tsx b/packages/typegpu-cli/templates/template-nextjs-bare/app/ShaderInner.tsx
deleted file mode 100644
index 8b64066c2c..0000000000
--- a/packages/typegpu-cli/templates/template-nextjs-bare/app/ShaderInner.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-'use client';
-
-import React, { useMemo } from 'react';
-import { useConfigureContext, useFrame, useRoot } from '@typegpu/react';
-import { common, d } from 'typegpu';
-
-export default function ShaderInner({ className }: { className?: string }) {
-  const { ref, ctxRef } = useConfigureContext({ autoResize: true, alphaMode: 'premultiplied' });
-
-  const root = useRoot();
-  const renderPipeline = useMemo(
-    () =>
-      root.createRenderPipeline({
-        vertex: common.fullScreenTriangle,
-        fragment: ({ uv }) => {
-          'use gpu';
-          return d.vec4f(0.55, uv, 1);
-        },
-      }),
-    [root],
-  );
-
-  useFrame(() => {
-    if (!ctxRef.current) return;
-    renderPipeline.withColorAttachment({ view: ctxRef.current }).draw(3);
-  });
-
-  return <canvas ref={ref} className={className} />;
-}
diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/app/page.tsx b/packages/typegpu-cli/templates/template-nextjs-bare/app/page.tsx
index 8a3c537619..262282707b 100644
--- a/packages/typegpu-cli/templates/template-nextjs-bare/app/page.tsx
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/app/page.tsx
@@ -1,4 +1,5 @@
 import React from 'react';
+import { ClientOnly } from '@typegpu/react';
 
 import Shader from './Shader.tsx';
 import typegpuLogoDark from '../public/typegpu-logo-dark.svg';
@@ -13,7 +14,13 @@ export default function Page() {
   return (
     <div className="mx-auto flex h-svh w-[1126px] max-w-full flex-col border-x border-border">
       <section className="flex grow flex-col place-content-center place-items-center pt-8 pb-8 max-[1024px]:pt-8 max-[1024px]:pb-6">
-        <Shader className="h-[min(55vw,55svh)] w-[min(55vw,55svh)] max-w-full" />
+        <ClientOnly
+          fallback={
+            <p style={{ backgroundColor: 'red', color: 'white', padding: '1rem' }}>Loading...</p>
+          }
+        >
+          <Shader className="h-[min(55vw,55svh)] w-[min(55vw,55svh)] max-w-full" />
+        </ClientOnly>
       </section>
 
       <div className="ticks" />
diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/tsconfig.json b/packages/typegpu-cli/templates/template-nextjs-bare/tsconfig.json
index 698cbb13de..5a416dd8af 100644
--- a/packages/typegpu-cli/templates/template-nextjs-bare/tsconfig.json
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/tsconfig.json
@@ -7,22 +7,21 @@
     "esModuleInterop": true,
     "skipLibCheck": true,
     "moduleResolution": "bundler",
+    "moduleDetection": "force",
     "allowImportingTsExtensions": true,
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
     "jsx": "react-jsx",
     "strict": true,
-    "noFallthroughCasesInSwitch": true,
     "allowJs": true,
-    "forceConsistentCasingInFileNames": true,
     "incremental": true,
     "plugins": [
       {
         "name": "next"
       }
     ],
-    "types": ["@webgpu/types"]
+    "types": ["@webgpu/types", "@types/react", "@types/react-dom", "@types/node"]
   },
   "include": [
     "next-env.d.ts",

From f815cab993323d55031ad78a28b80a3bf4b1862c Mon Sep 17 00:00:00 2001
From: Szymon Szulc <szymon.szulc@student.uj.edu.pl>
Date: Tue, 7 Jul 2026 20:03:38 +0200
Subject: [PATCH 17/18] review changes

---
 .../typegpu-cli/templates/template-nextjs-bare/app/page.tsx   | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/app/page.tsx b/packages/typegpu-cli/templates/template-nextjs-bare/app/page.tsx
index 262282707b..2a72f31174 100644
--- a/packages/typegpu-cli/templates/template-nextjs-bare/app/page.tsx
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/app/page.tsx
@@ -6,10 +6,6 @@ import typegpuLogoDark from '../public/typegpu-logo-dark.svg';
 import typegpuLogoLight from '../public/typegpu-logo-light.svg';
 import nextLogo from '../public/next.svg';
 
-export function generateStaticParams() {
-  return [{ slug: [''] }];
-}
-
 export default function Page() {
   return (
     <div className="mx-auto flex h-svh w-[1126px] max-w-full flex-col border-x border-border">

From e50975bda9cd9801ffbaacb57888e819d0981236 Mon Sep 17 00:00:00 2001
From: Szymon Szulc <szymon.szulc@student.uj.edu.pl>
Date: Tue, 18 Aug 2026 15:13:15 +0200
Subject: [PATCH 18/18] bump

---
 .../template-nextjs-bare/_package.json        | 26 +++++++++----------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/packages/typegpu-cli/templates/template-nextjs-bare/_package.json b/packages/typegpu-cli/templates/template-nextjs-bare/_package.json
index d2681ac679..e07b653b17 100644
--- a/packages/typegpu-cli/templates/template-nextjs-bare/_package.json
+++ b/packages/typegpu-cli/templates/template-nextjs-bare/_package.json
@@ -11,31 +11,31 @@
     "types": "tsc --p ./tsconfig.json --noEmit"
   },
   "dependencies": {
-    "@typegpu/react": "^0.11.2",
-    "next": "16.2.7",
-    "react": "19.2.4",
-    "react-dom": "19.2.4",
-    "typegpu": "^0.11.9"
+    "@typegpu/react": "^0.12.0",
+    "next": "16.3.1",
+    "react": "19.2.8",
+    "react-dom": "19.2.8",
+    "typegpu": "^0.12.0"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4",
     "@types/node": "^20",
     "@types/react": "^19",
     "@types/react-dom": "^19",
-    "@webgpu/types": "^0.1.70",
-    "eslint-plugin-typegpu": "^0.11.1",
-    "oxfmt": "^0.49.0",
-    "oxlint": "^1.64.0",
+    "@webgpu/types": "^0.1.71",
+    "eslint-plugin-typegpu": "^0.12.0",
+    "oxfmt": "^0.63.0",
+    "oxlint": "^1.78.0",
     "tailwindcss": "^4",
-    "typescript": "npm:tsover@6.0.1",
-    "unplugin-typegpu": "^0.11.6"
+    "typescript": "npm:tsover@6.0.2",
+    "unplugin-typegpu": "^0.12.1"
   },
   "overrides": {
-    "typescript": "npm:tsover@6.0.1"
+    "typescript": "npm:tsover@6.0.2"
   },
   "pnpm": {
     "overrides": {
-      "typescript": "npm:tsover@6.0.1"
+      "typescript": "npm:tsover@6.0.2"
     }
   }
 }