Add TanStack Start example app

Author: mj12albert

examples/tanstack-start-tailwind-css/.gitignore

@@ -0,0 +1,14 @@
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
+count.txt
+.env
+.nitro
+.tanstack
+.wrangler
+.output
+.vinxi
+todos.json
+*.tsbuildinfo

examples/tanstack-start-tailwind-css/.prettierignore

@@ -0,0 +1,3 @@
+package-lock.json
+pnpm-lock.yaml
+yarn.lock

examples/tanstack-start-tailwind-css/.vscode/settings.json

@@ -0,0 +1,11 @@
+{
+  "files.watcherExclude": {
+    "**/routeTree.gen.ts": true
+  },
+  "search.exclude": {
+    "**/routeTree.gen.ts": true
+  },
+  "files.readonlyInclude": {
+    "**/routeTree.gen.ts": true
+  }
+}

examples/tanstack-start-tailwind-css/README.md

@@ -0,0 +1,55 @@
+# Base UI + TanStack Start
+
+This is a simple [TanStack Start](https://tanstack.com/start/latest/docs/framework/react/overview) app with [Base UI components](https://base-ui.com/react/overview/quick-start) and styled with [Tailwind CSS](https://tailwindcss.com/).
+
+## Getting started
+
+[![Edit on StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/mui/base-ui/tree/master/examples/tanstack-start-tailwind)
+
+Or run it locally at [http://localhost:3000](http://localhost:3000):
+
+```bash
+pnpm install
+pnpm start
+```
+
+# Building for production
+
+To build a production bundle:
+
+```bash
+pnpm build
+```
+
+To preview the production build:
+
+```bash
+pnpm serve
+```
+
+## TypeScript
+
+To check the types:
+
+```bash
+pnpm typescript
+```
+
+## Linting & Formatting
+
+This project uses [ESLint](https://eslint.org/) and [prettier](https://prettier.io/) for linting and formatting. ESLint is configured using [tanstack/eslint-config](https://tanstack.com/config/latest/docs/eslint). The following scripts are available:
+
+```bash
+# lint only
+pnpm lint
+# lint and prettier with autofix
+pnpm check
+```
+
+## Routing
+
+This app uses [TanStack Router](https://tanstack.com/router) with a file based router. Routes are managed as files in `src/routes`. The router also provides [`loader` functionality](https://tanstack.com/router/latest/docs/framework/react/guide/data-loading#loader-parameters) to load data for a route before it's rendered.
+
+## More info
+
+TanStart Start uses [Vite](https://vite.dev).

examples/tanstack-start-tailwind-css/eslint.config.js

@@ -0,0 +1,13 @@
+//  @ts-check
+
+import { tanstackConfig } from '@tanstack/eslint-config';
+
+export default [
+  ...tanstackConfig,
+  {
+    files: ['**/*.js'],
+    languageOptions: {
+      parserOptions: { project: null, projectService: { allowDefaultProject: ['*.js'] } },
+    },
+  },
+];

examples/tanstack-start-tailwind-css/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "base-ui-tanstack-start",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite dev --port 3000",
+    "build": "vite build",
+    "serve": "vite preview",
+    "lint": "eslint",
+    "check": "prettier --write . && eslint --fix",
+    "typescript": "tsc -b tsconfig.json"
+  },
+  "dependencies": {
+    "@base-ui-components/react": "latest",
+    "@base-ui-components/utils": "latest",
+    "@tanstack/react-devtools": "^0.8.1",
+    "@tanstack/react-router": "^1.139.0",
+    "@tanstack/react-router-devtools": "^1.139.0",
+    "@tanstack/react-start": "^1.139.0",
+    "@tanstack/router-plugin": "^1.139.0",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.554.0",
+    "react": "^19",
+    "react-dom": "^19",
+    "vite-tsconfig-paths": "^5.1.4"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.1.17",
+    "@tanstack/devtools-vite": "^0.3.11",
+    "@tanstack/eslint-config": "^0.3.0",
+    "@types/node": "^22.10.2",
+    "@types/react": "^19",
+    "@types/react-dom": "^19",
+    "@vitejs/plugin-react": "^5.0.4",
+    "prettier": "^3.5.3",
+    "tailwindcss": "^4.1.17",
+    "typescript": "^5.7.2",
+    "vite": "^7.1.7"
+  }
+}