diff --git a/.github/dependabot.yml b/.github/dependabot.yml
index d21b977622..140ce463c8 100644
--- a/.github/dependabot.yml
+++ b/.github/dependabot.yml
@@ -11,10 +11,6 @@ updates:
         patterns:
           - 'react'
           - 'react-dom'
-      vitest:
-        patterns:
-          - 'vitest'
-          - '@vitest/*'
 
   - package-ecosystem: 'github-actions'
     directory: '/'
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index f352cb98f6..de616e7984 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -11,34 +11,20 @@ jobs:
     steps:
       - uses: actions/checkout@v6
 
-      - uses: actions/setup-node@v6
+      - uses: voidzero-dev/setup-vp@v1
         with:
           node-version: 25
-          check-latest: true
 
-      - name: Install dependencies
-        run: npm i
-
-      - name: Typecheck
-        run: node --run typecheck
-
-      - name: ESLint
-        run: node --run eslint
-
-      - name: Oxfmt
-        run: node --run format:check
-
-      - name: Bundle
-        run: node --run build
-
-      - name: Build website
-        run: node --run build:website
+      - run: vp check
+      - run: vpr typecheck
+      - run: vpr eslint
+      - run: vp pack
+      - run: vp build
 
       - name: Install Playwright Browsers
-        run: npx playwright install chromium firefox
+        run: vpx playwright install chromium firefox
 
-      - name: Test
-        run: node --run test:ci
+      - run: vp test
         timeout-minutes: 4
 
       - name: Upload test failure artifacts
diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml
index 46dc044da7..275fed239c 100644
--- a/.github/workflows/publish.yml
+++ b/.github/workflows/publish.yml
@@ -21,46 +21,32 @@ jobs:
         with:
           fetch-depth: 0
 
-      - uses: actions/setup-node@v6
+      - uses: voidzero-dev/setup-vp@v1
         with:
           node-version: 25
-          check-latest: true
           registry-url: 'https://registry.npmjs.org'
 
-      - name: Install dependencies
-        run: npm i
-
-      - name: Typecheck
-        run: node --run typecheck
-
-      - name: ESLint
-        run: node --run eslint
-
-      - name: Oxfmt
-        run: node --run format:check
-
-      - name: Bundle
-        run: node --run build
-
-      - name: Build website
-        run: node --run build:website
+      - run: vp check
+      - run: vpr typecheck
+      - run: vpr eslint
+      - run: vp pack
+      - run: vp build
 
       - name: Install Playwright Browsers
-        run: npx playwright install chromium firefox
+        run: vpx playwright install chromium firefox
 
-      - name: Test
-        run: node --run test:ci
+      - run: vp test
         timeout-minutes: 4
 
       - name: Update version
         run: |
           git config user.name "${{ github.actor }}"
           git config user.email "${{ github.actor_id }}+${{ github.actor }}@users.noreply.github.com"
-          npm version ${{ inputs.version }}
+          vp env exec npm version ${{ inputs.version }}
 
       # https://docs.npmjs.com/trusted-publishers
       - name: Publish to npm
-        run: npm publish --tag latest
+        run: vp env exec npm publish --tag latest
 
       - name: Push tag
         run: git push origin v${{ inputs.version }}
diff --git a/.github/workflows/update-screenshots.yml b/.github/workflows/update-screenshots.yml
index 1908f54a93..7ad3daeb95 100644
--- a/.github/workflows/update-screenshots.yml
+++ b/.github/workflows/update-screenshots.yml
@@ -23,23 +23,25 @@ jobs:
       - uses: actions/checkout@v6
         with:
           ref: ${{ github.head_ref }}
-      - uses: actions/setup-node@v6
+
+      - uses: voidzero-dev/setup-vp@v1
         with:
           node-version: 25
-          check-latest: true
+
       - name: Remove label
         if: github.event_name == 'pull_request'
         run: gh pr edit --remove-label 'Update Screenshots'
         env:
           GH_TOKEN: ${{ github.token }}
-      - name: Install dependencies
-        run: npm i
+
       - name: Install Playwright Browsers
-        run: npx playwright install chromium firefox
+        run: vpx playwright install chromium firefox
+
       - name: Update screenshots
         run: |
           rm -r test/**/screenshots/**
-          node --run test:ci:update
+          vp test --project visual --update
+
       - name: Push new screenshots
         run: |
           git config user.name "${{ github.actor }}"
diff --git a/.oxfmtrc.json b/.oxfmtrc.json
deleted file mode 100644
index a85ef2fcc6..0000000000
--- a/.oxfmtrc.json
+++ /dev/null
@@ -1,68 +0,0 @@
-{
-  "$schema": "./node_modules/oxfmt/configuration_schema.json",
-  "ignorePatterns": ["/website/routeTree.gen.ts"],
-  "singleQuote": true,
-  "trailingComma": "none",
-  "sortImports": {
-    "customGroups": [
-      {
-        "groupName": "react",
-        "elementNamePattern": ["react", "react/**", "react-dom", "react-dom/**"]
-      },
-      {
-        "groupName": "ecij",
-        "elementNamePattern": ["ecij"]
-      },
-      {
-        "groupName": "clsx",
-        "elementNamePattern": ["clsx"]
-      },
-      {
-        "groupName": "./src",
-        "elementNamePattern": ["**/src", "**/src/**"]
-      },
-      {
-        "groupName": "./renderers",
-        "elementNamePattern": ["**/renderers", "**/renderers/**"]
-      },
-      {
-        "groupName": "./components",
-        "elementNamePattern": ["**/components", "**/components/**"]
-      },
-      {
-        "groupName": "./hooks",
-        "elementNamePattern": ["**/hooks", "**/hooks/**"]
-      },
-      {
-        "groupName": "./utils",
-        "elementNamePattern": ["**/utils", "**/utils/**"]
-      },
-      {
-        "groupName": "./types",
-        "elementNamePattern": ["**/types", "**/types/**"]
-      }
-    ],
-    "groups": [
-      "side_effect_style",
-      "side_effect",
-      { "newlinesBetween": true },
-      "builtin",
-      "react",
-      "external",
-      "ecij",
-      "clsx",
-      { "newlinesBetween": true },
-      "./src",
-      "./renderers",
-      "./components",
-      "./hooks",
-      "./utils",
-      "./types",
-      "index",
-      "sibling",
-      "parent",
-      "unknown"
-    ],
-    "newlinesBetween": false
-  }
-}
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
index cf3caf0895..3fdfd087b6 100644
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -1,3 +1,7 @@
 {
-  "recommendations": ["dbaeumer.vscode-eslint", "oxc.oxc-vscode", "typescriptteam.native-preview"]
+  "recommendations": [
+    "VoidZero.vite-plus-extension-pack",
+    "dbaeumer.vscode-eslint",
+    "typescriptteam.native-preview"
+  ]
 }
diff --git a/AGENTS.md b/AGENTS.md
index c8d6953bd3..db145d1426 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -60,3 +60,93 @@ website/              # demo site (Vite + TanStack Router)
 ## Validation
 
 Run before submitting changes: `node --run typecheck`, `node --run eslint`, `node --run format`, `node --run test`.
+
+<!-- TODO: review -->
+<!--VITE PLUS START-->
+
+<!-- # Using Vite+, the Unified Toolchain for the Web -->
+
+This project is using Vite+, a unified toolchain built on top of Vite, Rolldown, Vitest, tsdown, Oxlint, Oxfmt, and Vite Task. Vite+ wraps runtime management, package management, and frontend tooling in a single global CLI called `vp`. Vite+ is distinct from Vite, but it invokes Vite through `vp dev` and `vp build`.
+
+## Vite+ Workflow
+
+`vp` is a global binary that handles the full development lifecycle. Run `vp help` to print a list of commands and `vp <command> --help` for information about a specific command.
+
+### Start
+
+- create - Create a new project from a template
+- migrate - Migrate an existing project to Vite+
+- config - Configure hooks and agent integration
+- staged - Run linters on staged files
+- install (`i`) - Install dependencies
+- env - Manage Node.js versions
+
+### Develop
+
+- dev - Run the development server
+- check - Run format, lint, and TypeScript type checks
+- lint - Lint code
+- fmt - Format code
+- test - Run tests
+
+### Execute
+
+- run - Run monorepo tasks
+- exec - Execute a command from local `node_modules/.bin`
+- dlx - Execute a package binary without installing it as a dependency
+- cache - Manage the task cache
+
+### Build
+
+- build - Build for production
+- pack - Build libraries
+- preview - Preview production build
+
+### Manage Dependencies
+
+Vite+ automatically detects and wraps the underlying package manager such as pnpm, npm, or Yarn through the `packageManager` field in `package.json` or package manager-specific lockfiles.
+
+- add - Add packages to dependencies
+- remove (`rm`, `un`, `uninstall`) - Remove packages from dependencies
+- update (`up`) - Update packages to latest versions
+- dedupe - Deduplicate dependencies
+- outdated - Check for outdated packages
+- list (`ls`) - List installed packages
+- why (`explain`) - Show why a package is installed
+- info (`view`, `show`) - View package information from the registry
+- link (`ln`) / unlink - Manage local package links
+- pm - Forward a command to the package manager
+
+### Maintain
+
+- upgrade - Update `vp` itself to the latest version
+
+These commands map to their corresponding tools. For example, `vp dev --port 3000` runs Vite's dev server and works the same as Vite. `vp test` runs JavaScript tests through the bundled Vitest. The version of all tools can be checked using `vp --version`. This is useful when researching documentation, features, and bugs.
+
+## Common Pitfalls
+
+- **Using the package manager directly:** Do not use pnpm, npm, or Yarn directly. Vite+ can handle all package manager operations.
+- **Always use Vite commands to run tools:** Don't attempt to run `vp vitest` or `vp oxlint`. They do not exist. Use `vp test` and `vp lint` instead.
+- **Running scripts:** Vite+ built-in commands (`vp dev`, `vp build`, `vp test`, etc.) always run the Vite+ built-in tool, not any `package.json` script of the same name. To run a custom script that shares a name with a built-in command, use `vp run <script>`. For example, if you have a custom `dev` script that runs multiple services concurrently, run it with `vp run dev`, not `vp dev` (which always starts Vite's dev server).
+- **Do not install Vitest, Oxlint, Oxfmt, or tsdown directly:** Vite+ wraps these tools. They must not be installed directly. You cannot upgrade these tools by installing their latest versions. Always use Vite+ commands.
+- **Use Vite+ wrappers for one-off binaries:** Use `vp dlx` instead of package-manager-specific `dlx`/`npx` commands.
+- **Import JavaScript modules from `vite-plus`:** Instead of importing from `vite` or `vitest`, all modules should be imported from the project's `vite-plus` dependency. For example, `import { defineConfig } from 'vite-plus';` or `import { expect, test, vi } from 'vite-plus/test';`. You must not install `vitest` to import test utilities.
+- **Type-Aware Linting:** There is no need to install `oxlint-tsgolint`, `vp lint --type-aware` works out of the box.
+
+## CI Integration
+
+For GitHub Actions, consider using [`voidzero-dev/setup-vp`](https://github.com/voidzero-dev/setup-vp) to replace separate `actions/setup-node`, package-manager setup, cache, and install steps with a single action.
+
+```yaml
+- uses: voidzero-dev/setup-vp@v1
+  with:
+    cache: true
+- run: vp check
+- run: vp test
+```
+
+## Review Checklist for Agents
+
+- [ ] Run `vp install` after pulling remote changes and before getting started.
+- [ ] Run `vp check` and `vp test` to validate changes.
+<!--VITE PLUS END-->
diff --git a/README.md b/README.md
index d8f15085a9..af65659af2 100644
--- a/README.md
+++ b/README.md
@@ -66,18 +66,15 @@ The DataGrid component is designed to handle large datasets efficiently while of
 Install `react-data-grid` using your favorite package manager:
 
 ```sh
+# npm
 npm i react-data-grid
-```
-
-```sh
+# Vite+
+vp add react-data-grid
+# pnpm
 pnpm add react-data-grid
-```
-
-```sh
+# Yarn
 yarn add react-data-grid
-```
-
-```sh
+# Bun
 bun add react-data-grid
 ```
 
diff --git a/package.json b/package.json
index 90c1dc77ec..900744e3a8 100644
--- a/package.json
+++ b/package.json
@@ -31,21 +31,6 @@
       "default": "./lib/index.js"
     }
   },
-  "scripts": {
-    "start": "vite serve --clearScreen false",
-    "preview": "vite preview",
-    "build:website": "vite build",
-    "build": "tsdown",
-    "test": "vitest run --project browser --project node",
-    "test:watch": "vitest watch --project browser --project node",
-    "test:ci": "vitest run",
-    "test:ci:update": "vitest run --project visual --update",
-    "format": "oxfmt",
-    "format:check": "oxfmt --check",
-    "eslint": "eslint --max-warnings 0 --cache --cache-location .cache/eslint --cache-strategy content",
-    "eslint:fix": "node --run eslint -- --fix",
-    "typecheck": "tsgo --build"
-  },
   "devDependencies": {
     "@eslint-react/eslint-plugin": "^4.2.1",
     "@eslint/markdown": "^8.0.1",
@@ -58,9 +43,10 @@
     "@types/react-dom": "^19.2.3",
     "@typescript/native-preview": "^7.0.0-dev.20260401.1",
     "@vitejs/plugin-react": "^6.0.1",
-    "@vitest/browser-playwright": "^4.1.2",
     "@vitest/coverage-istanbul": "^4.1.2",
     "@vitest/eslint-plugin": "^1.6.13",
+    "@voidzero-dev/vite-plus-core": "^0.1.15",
+    "@voidzero-dev/vite-plus-test": "^0.1.15",
     "clsx": "^2.1.1",
     "ecij": "^0.4.1",
     "eslint": "^10.0.3",
@@ -68,16 +54,15 @@
     "eslint-plugin-sonarjs": "^4.0.2",
     "jspdf": "^4.2.0",
     "jspdf-autotable": "^5.0.7",
-    "oxfmt": "0.43.0",
     "playwright": "~1.59.0",
     "postcss": "^8.5.2",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
-    "tsdown": "^0.21.7",
     "typescript": "~6.0.2",
     "typescript-eslint": "^8.58.0",
-    "vite": "^8.0.3",
-    "vitest": "^4.1.2",
+    "vite": "npm:@voidzero-dev/vite-plus-core@^0.1.15",
+    "vite-plus": "^0.1.15",
+    "vitest": "npm:@voidzero-dev/vite-plus-test@^0.1.15",
     "vitest-browser-react": "^2.1.0"
   },
   "peerDependencies": {
@@ -85,6 +70,9 @@
     "react-dom": "^19.2"
   },
   "overrides": {
-    "eslint": "$eslint"
-  }
+    "eslint": "$eslint",
+    "vite": "$vite",
+    "vitest": "$vitest"
+  },
+  "packageManager": "npm@11.12.1"
 }
diff --git a/test/browser/TreeDataGrid.test.tsx b/test/browser/TreeDataGrid.test.tsx
index 676548e969..7ebf45897f 100644
--- a/test/browser/TreeDataGrid.test.tsx
+++ b/test/browser/TreeDataGrid.test.tsx
@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { page, userEvent } from 'vitest/browser';
+import { page, userEvent } from 'vite-plus/test/browser';
 
 import type { Column } from '../../src';
 import { renderTextEditor, SelectColumn, TreeDataGrid } from '../../src';
diff --git a/test/browser/column/cellClass.test.ts b/test/browser/column/cellClass.test.ts
index 08c4a8b703..4785dbb934 100644
--- a/test/browser/column/cellClass.test.ts
+++ b/test/browser/column/cellClass.test.ts
@@ -1,4 +1,4 @@
-import { page } from 'vitest/browser';
+import { page } from 'vite-plus/test/browser';
 
 import type { Column } from '../../../src';
 import { cellClassname } from '../../../src/style/cell';
diff --git a/test/browser/column/colSpan.test.ts b/test/browser/column/colSpan.test.ts
index 758722742f..d245a83403 100644
--- a/test/browser/column/colSpan.test.ts
+++ b/test/browser/column/colSpan.test.ts
@@ -1,4 +1,4 @@
-import { page, userEvent } from 'vitest/browser';
+import { page, userEvent } from 'vite-plus/test/browser';
 
 import type { Column } from '../../../src';
 import { getCellsAtRowIndex, safeTab, setup, validateCellPosition } from '../utils';
diff --git a/test/browser/column/draggable.test.ts b/test/browser/column/draggable.test.ts
index 9de5c0cdca..0b9d9597b3 100644
--- a/test/browser/column/draggable.test.ts
+++ b/test/browser/column/draggable.test.ts
@@ -1,4 +1,4 @@
-import { page, userEvent } from 'vitest/browser';
+import { page, userEvent } from 'vite-plus/test/browser';
 
 import type { Column } from '../../../src';
 import { setup } from '../utils';
diff --git a/test/browser/column/frozen.test.ts b/test/browser/column/frozen.test.ts
index 7cfd10f783..bcd4b74504 100644
--- a/test/browser/column/frozen.test.ts
+++ b/test/browser/column/frozen.test.ts
@@ -1,4 +1,4 @@
-import { page } from 'vitest/browser';
+import { page } from 'vite-plus/test/browser';
 
 import type { Column } from '../../../src';
 import { cellClassname, cellFrozenClassname } from '../../../src/style/cell';
diff --git a/test/browser/column/grouping.test.ts b/test/browser/column/grouping.test.ts
index e86b552666..c22d20150e 100644
--- a/test/browser/column/grouping.test.ts
+++ b/test/browser/column/grouping.test.ts
@@ -1,4 +1,4 @@
-import { page, userEvent } from 'vitest/browser';
+import { page, userEvent } from 'vite-plus/test/browser';
 
 import type { ColumnOrColumnGroup } from '../../../src';
 import { safeTab, setup, testCount, validateCellPosition } from '../utils';
diff --git a/test/browser/column/headerCellClass.test.ts b/test/browser/column/headerCellClass.test.ts
index a143555952..d15a6cbbc3 100644
--- a/test/browser/column/headerCellClass.test.ts
+++ b/test/browser/column/headerCellClass.test.ts
@@ -1,4 +1,4 @@
-import { page } from 'vitest/browser';
+import { page } from 'vite-plus/test/browser';
 
 import type { Column, ColumnGroup } from '../../../src';
 import { cellClassname } from '../../../src/style/cell';
diff --git a/test/browser/column/name.test.tsx b/test/browser/column/name.test.tsx
index 137a67fcf7..685751a354 100644
--- a/test/browser/column/name.test.tsx
+++ b/test/browser/column/name.test.tsx
@@ -1,4 +1,4 @@
-import { page } from 'vitest/browser';
+import { page } from 'vite-plus/test/browser';
 
 import type { Column } from '../../../src';
 import { setup } from '../utils';
diff --git a/test/browser/column/renderCell.test.tsx b/test/browser/column/renderCell.test.tsx
index d0bdaf7ff1..3f941597f1 100644
--- a/test/browser/column/renderCell.test.tsx
+++ b/test/browser/column/renderCell.test.tsx
@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { page, userEvent } from 'vitest/browser';
+import { page, userEvent } from 'vite-plus/test/browser';
 
 import { DataGrid } from '../../../src';
 import type { Column } from '../../../src';
diff --git a/test/browser/column/renderEditCell.test.tsx b/test/browser/column/renderEditCell.test.tsx
index 6cdc712ccc..84340691bf 100644
--- a/test/browser/column/renderEditCell.test.tsx
+++ b/test/browser/column/renderEditCell.test.tsx
@@ -1,6 +1,6 @@
 import { useMemo, useState } from 'react';
 import { createPortal } from 'react-dom';
-import { page, userEvent } from 'vitest/browser';
+import { page, userEvent } from 'vite-plus/test/browser';
 
 import { DataGrid } from '../../../src';
 import type { Column, DataGridProps } from '../../../src';
diff --git a/test/browser/column/renderHeaderCell.test.tsx b/test/browser/column/renderHeaderCell.test.tsx
index a22af61a5c..0a254000c7 100644
--- a/test/browser/column/renderHeaderCell.test.tsx
+++ b/test/browser/column/renderHeaderCell.test.tsx
@@ -1,4 +1,4 @@
-import { page } from 'vitest/browser';
+import { page } from 'vite-plus/test/browser';
 
 import type { Column } from '../../../src';
 import { setup } from '../utils';
diff --git a/test/browser/column/renderSummaryCell.test.tsx b/test/browser/column/renderSummaryCell.test.tsx
index dabc7eeabe..540d57c82a 100644
--- a/test/browser/column/renderSummaryCell.test.tsx
+++ b/test/browser/column/renderSummaryCell.test.tsx
@@ -1,4 +1,4 @@
-import { page } from 'vitest/browser';
+import { page } from 'vite-plus/test/browser';
 
 import type { Column } from '../../../src';
 import { setup } from '../utils';
diff --git a/test/browser/column/resizable.test.tsx b/test/browser/column/resizable.test.tsx
index 52994c9e61..ddc3dd8f1c 100644
--- a/test/browser/column/resizable.test.tsx
+++ b/test/browser/column/resizable.test.tsx
@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { commands, page, server, userEvent } from 'vitest/browser';
+import { commands, page, server, userEvent } from 'vite-plus/test/browser';
 
 import { DataGrid, type Column, type ColumnWidth, type ColumnWidths } from '../../../src';
 import { setup } from '../utils';
diff --git a/test/browser/column/summaryCellClass.test.ts b/test/browser/column/summaryCellClass.test.ts
index 35734cf12e..5cbb4ac55b 100644
--- a/test/browser/column/summaryCellClass.test.ts
+++ b/test/browser/column/summaryCellClass.test.ts
@@ -1,4 +1,4 @@
-import { page } from 'vitest/browser';
+import { page } from 'vite-plus/test/browser';
 
 import type { Column } from '../../../src';
 import { cellClassname } from '../../../src/style/cell';
diff --git a/test/browser/columnOrder.test.tsx b/test/browser/columnOrder.test.tsx
index 345e93c96d..3ed1fe4921 100644
--- a/test/browser/columnOrder.test.tsx
+++ b/test/browser/columnOrder.test.tsx
@@ -1,4 +1,4 @@
-import { page } from 'vitest/browser';
+import { page } from 'vite-plus/test/browser';
 
 import { DataGrid, SelectColumn, TreeDataGrid } from '../../src';
 import type { Column } from '../../src';
diff --git a/test/browser/copyPaste.test.tsx b/test/browser/copyPaste.test.tsx
index a063235dc1..59bb152931 100644
--- a/test/browser/copyPaste.test.tsx
+++ b/test/browser/copyPaste.test.tsx
@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { page, userEvent } from 'vitest/browser';
+import { page, userEvent } from 'vite-plus/test/browser';
 
 import { DataGrid } from '../../src';
 import type { CellPasteArgs, Column } from '../../src';
diff --git a/test/browser/direction.test.ts b/test/browser/direction.test.ts
index be9c61f55e..242c597203 100644
--- a/test/browser/direction.test.ts
+++ b/test/browser/direction.test.ts
@@ -1,4 +1,4 @@
-import { page, userEvent } from 'vitest/browser';
+import { page, userEvent } from 'vite-plus/test/browser';
 
 import type { Column } from '../../src';
 import { safeTab, setup } from './utils';
diff --git a/test/browser/dragFill.test.tsx b/test/browser/dragFill.test.tsx
index 16b125b353..6616d73274 100644
--- a/test/browser/dragFill.test.tsx
+++ b/test/browser/dragFill.test.tsx
@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { commands, page, userEvent } from 'vitest/browser';
+import { commands, page, userEvent } from 'vite-plus/test/browser';
 
 import { DataGrid } from '../../src';
 import type { Column, FillEvent } from '../../src';
diff --git a/test/browser/events.test.tsx b/test/browser/events.test.tsx
index 9f01cfbdc4..5cee0d412c 100644
--- a/test/browser/events.test.tsx
+++ b/test/browser/events.test.tsx
@@ -1,4 +1,4 @@
-import { page, userEvent } from 'vitest/browser';
+import { page, userEvent } from 'vite-plus/test/browser';
 
 import { DataGrid } from '../../src';
 import type { Column } from '../../src';
diff --git a/test/browser/headerRowClass.test.ts b/test/browser/headerRowClass.test.ts
index a532b5a46b..d789209c7b 100644
--- a/test/browser/headerRowClass.test.ts
+++ b/test/browser/headerRowClass.test.ts
@@ -1,4 +1,4 @@
-import { page } from 'vitest/browser';
+import { page } from 'vite-plus/test/browser';
 
 import type { Column } from '../../src';
 import { headerRowClassname } from '../../src/HeaderRow';
diff --git a/test/browser/keyboardNavigation.test.tsx b/test/browser/keyboardNavigation.test.tsx
index 46806e1f4d..d40fbe4438 100644
--- a/test/browser/keyboardNavigation.test.tsx
+++ b/test/browser/keyboardNavigation.test.tsx
@@ -1,4 +1,4 @@
-import { page, userEvent } from 'vitest/browser';
+import { page, userEvent } from 'vite-plus/test/browser';
 
 import { DataGrid, SelectColumn } from '../../src';
 import type { Column } from '../../src';
diff --git a/test/browser/label.test.ts b/test/browser/label.test.ts
index d5cacdcfd5..f43f987255 100644
--- a/test/browser/label.test.ts
+++ b/test/browser/label.test.ts
@@ -1,4 +1,4 @@
-import { page } from 'vitest/browser';
+import { page } from 'vite-plus/test/browser';
 
 import { setup } from './utils';
 
diff --git a/test/browser/renderTextEditor.test.tsx b/test/browser/renderTextEditor.test.tsx
index 40b5ab9db7..9726a7a614 100644
--- a/test/browser/renderTextEditor.test.tsx
+++ b/test/browser/renderTextEditor.test.tsx
@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { page, userEvent } from 'vitest/browser';
+import { page, userEvent } from 'vite-plus/test/browser';
 
 import { DataGrid, renderTextEditor } from '../../src';
 import type { Column } from '../../src';
diff --git a/test/browser/renderers.test.tsx b/test/browser/renderers.test.tsx
index 54059ee126..d0a340a7c8 100644
--- a/test/browser/renderers.test.tsx
+++ b/test/browser/renderers.test.tsx
@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { page, userEvent } from 'vitest/browser';
+import { page, userEvent } from 'vite-plus/test/browser';
 
 import {
   Cell,
diff --git a/test/browser/rowClass.test.ts b/test/browser/rowClass.test.ts
index 7b5659dab2..1f88082747 100644
--- a/test/browser/rowClass.test.ts
+++ b/test/browser/rowClass.test.ts
@@ -1,4 +1,4 @@
-import { page } from 'vitest/browser';
+import { page } from 'vite-plus/test/browser';
 
 import type { Column } from '../../src';
 import { rowClassname } from '../../src/style/row';
diff --git a/test/browser/rowHeight.test.ts b/test/browser/rowHeight.test.ts
index 5ed9647509..da554de11f 100644
--- a/test/browser/rowHeight.test.ts
+++ b/test/browser/rowHeight.test.ts
@@ -1,4 +1,4 @@
-import { page, userEvent } from 'vitest/browser';
+import { page, userEvent } from 'vite-plus/test/browser';
 
 import type { Column, DataGridProps } from '../../src';
 import { safeTab, setup, testRowCount } from './utils';
diff --git a/test/browser/rowSelection.test.tsx b/test/browser/rowSelection.test.tsx
index 8f5d885071..84c56e66b8 100644
--- a/test/browser/rowSelection.test.tsx
+++ b/test/browser/rowSelection.test.tsx
@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { page, userEvent } from 'vitest/browser';
+import { page, userEvent } from 'vite-plus/test/browser';
 
 import { DataGrid, SelectColumn } from '../../src';
 import type { Column } from '../../src';
diff --git a/test/browser/scrollToCell.test.tsx b/test/browser/scrollToCell.test.tsx
index 1e03a020c6..bdcc20fc1d 100644
--- a/test/browser/scrollToCell.test.tsx
+++ b/test/browser/scrollToCell.test.tsx
@@ -1,5 +1,5 @@
 import { createRef } from 'react';
-import { page } from 'vitest/browser';
+import { page } from 'vite-plus/test/browser';
 
 import type { Column, DataGridHandle } from '../../src';
 import { setup } from './utils';
diff --git a/test/browser/sorting.test.tsx b/test/browser/sorting.test.tsx
index 9a442c0ea7..02310a87c2 100644
--- a/test/browser/sorting.test.tsx
+++ b/test/browser/sorting.test.tsx
@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import { page, userEvent } from 'vitest/browser';
+import { page, userEvent } from 'vite-plus/test/browser';
 
 import { DataGrid } from '../../src';
 import type { Column, SortColumn } from '../../src/types';
diff --git a/test/browser/utils.tsx b/test/browser/utils.tsx
index 381a80d023..e8fec955ab 100644
--- a/test/browser/utils.tsx
+++ b/test/browser/utils.tsx
@@ -1,4 +1,4 @@
-import { page, userEvent, type Locator } from 'vitest/browser';
+import { page, userEvent, type Locator } from 'vite-plus/test/browser';
 
 import { DataGrid } from '../../src';
 import type { DataGridProps } from '../../src';
diff --git a/test/browser/virtualization.test.ts b/test/browser/virtualization.test.ts
index d39bbf578f..e83ac91cea 100644
--- a/test/browser/virtualization.test.ts
+++ b/test/browser/virtualization.test.ts
@@ -1,4 +1,4 @@
-import { page, type Locator } from 'vitest/browser';
+import { page, type Locator } from 'vite-plus/test/browser';
 
 import type { Column } from '../../src';
 import { getCellsAtRowIndex, scrollGrid, setup } from './utils';
diff --git a/test/globals.d.ts b/test/globals.d.ts
index 73ff9c63b1..ed06bf9b12 100644
--- a/test/globals.d.ts
+++ b/test/globals.d.ts
@@ -6,7 +6,7 @@ declare global {
   }
 }
 
-declare module 'vitest/browser' {
+declare module 'vite-plus/test/browser' {
   interface BrowserCommands {
     dragFill: (from: string, to: string) => Promise<void>;
     resizeColumn: (name: string, resizeBy: number | readonly number[]) => Promise<void>;
diff --git a/test/setupBrowser.ts b/test/setupBrowser.ts
index 1823974c50..231dfcec82 100644
--- a/test/setupBrowser.ts
+++ b/test/setupBrowser.ts
@@ -2,14 +2,19 @@
 // need to import it so TypeScript can pick up types
 import 'vitest-browser-react';
 
+import {
+  locators,
+  userEvent,
+  type Locator,
+  type LocatorByRoleOptions
+} from 'vite-plus/test/browser';
 import { configure } from 'vitest-browser-react/pure';
-import { locators, userEvent, type Locator, type LocatorByRoleOptions } from 'vitest/browser';
 
 configure({
   reactStrictMode: true
 });
 
-declare module 'vitest/browser' {
+declare module 'vite-plus/test/browser' {
   interface LocatorSelectors {
     getGrid: () => Locator;
     getTreeGrid: () => Locator;
diff --git a/test/visual/basicGrid.test.tsx b/test/visual/basicGrid.test.tsx
index 9d4629e3b1..3e085c883d 100644
--- a/test/visual/basicGrid.test.tsx
+++ b/test/visual/basicGrid.test.tsx
@@ -1,4 +1,4 @@
-import { page } from 'vitest/browser';
+import { page } from 'vite-plus/test/browser';
 
 import { DataGrid, SelectColumn, type Column } from '../../src';
 
diff --git a/test/visual/treeGrid.test.tsx b/test/visual/treeGrid.test.tsx
index f87a4863b6..13f75bfb07 100644
--- a/test/visual/treeGrid.test.tsx
+++ b/test/visual/treeGrid.test.tsx
@@ -1,4 +1,4 @@
-import { page } from 'vitest/browser';
+import { page } from 'vite-plus/test/browser';
 
 import { SelectColumn, TreeDataGrid, type Column } from '../../src';
 
diff --git a/tsconfig.test.json b/tsconfig.test.json
index 03cb7253c7..a36718939d 100644
--- a/tsconfig.test.json
+++ b/tsconfig.test.json
@@ -3,7 +3,7 @@
   "compilerOptions": {
     "lib": ["ESNext", "DOM"],
     "skipLibCheck": true,
-    "types": ["vitest/globals"]
+    "types": ["vite-plus/test/globals"]
   },
   "include": ["src/css.d.ts", "test/**/*"],
   "references": [{ "path": "tsconfig.src.json" }]
diff --git a/tsdown.config.ts b/tsdown.config.ts
deleted file mode 100644
index ac943e1849..0000000000
--- a/tsdown.config.ts
+++ /dev/null
@@ -1,27 +0,0 @@
-import { ecij } from 'ecij/plugin';
-import { defineConfig } from 'tsdown';
-
-import pkg from './package.json' with { type: 'json' };
-
-export default defineConfig({
-  outDir: 'lib',
-  platform: 'neutral',
-  sourcemap: true,
-  deps: {
-    skipNodeModulesBundle: true
-  },
-  css: {
-    fileName: 'styles.css'
-  },
-  dts: {
-    build: true,
-    tsconfig: './tsconfig.src.json'
-  },
-  plugins: [
-    ecij({
-      // We add the package version as prefix to avoid style conflicts
-      // between multiple versions of RDG on the same page
-      classPrefix: `rdg-${pkg.version.replaceAll('.', '-')}-`
-    })
-  ]
-});
diff --git a/vite.config.ts b/vite.config.ts
index 36b7131bfc..8ac0e338ca 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,15 +1,18 @@
 import { tanstackRouter } from '@tanstack/router-plugin/vite';
 import react from '@vitejs/plugin-react';
-import { playwright, type PlaywrightProviderOptions } from '@vitest/browser-playwright';
 import { ecij } from 'ecij/plugin';
-import { defineConfig, type ViteUserConfig } from 'vitest/config';
-import type { BrowserCommand } from 'vitest/node';
+import { defineConfig } from 'vite-plus';
+import { playwright, type PlaywrightProviderOptions } from 'vite-plus/test/browser-playwright';
+import type { BrowserCommand } from 'vite-plus/test/node';
+
+import pkg from './package.json' with { type: 'json' };
 
 const isCI = process.env.CI === 'true';
 const isTest = process.env.VITEST === 'true';
 
 // TODO: remove when `userEvent.pointer` is supported
 const resizeColumn: BrowserCommand<[name: string, resizeBy: number | readonly number[]]> = async (
+  // @ts-expect-error
   { page, iframe },
   name,
   resizeBy
@@ -17,7 +20,7 @@ const resizeColumn: BrowserCommand<[name: string, resizeBy: number | readonly nu
   const resizeHandle = iframe
     .getByRole('columnheader', { name, exact: true })
     .locator('.rdg-resize-handle');
-  const { x, y } = (await resizeHandle.boundingBox())!;
+  const { x, y } = (await resizeHandle.boundingBox())! as { x: number; y: number };
   await page.mouse.move(x + 5, y + 5);
   await page.mouse.down();
   resizeBy = Array.isArray(resizeBy) ? resizeBy : [resizeBy];
@@ -30,6 +33,7 @@ const resizeColumn: BrowserCommand<[name: string, resizeBy: number | readonly nu
 };
 
 // TODO: remove when `userEvent.pointer` is supported
+// @ts-expect-error
 const dragFill: BrowserCommand<[from: string, to: string]> = async ({ page, iframe }, from, to) => {
   await iframe.getByRole('gridcell', { name: from, exact: true }).click();
   await iframe.locator('.rdg-cell-drag-handle').hover();
@@ -48,128 +52,248 @@ const playwrightOptions: PlaywrightProviderOptions = {
   }
 };
 
-export default defineConfig(
-  ({ isPreview }): ViteUserConfig => ({
-    base: '/react-data-grid/',
-    cacheDir: '.cache/vite',
-    clearScreen: false,
-    build: {
-      modulePreload: { polyfill: false },
-      sourcemap: true,
-      reportCompressedSize: false,
-      // https://github.com/parcel-bundler/lightningcss/issues/873
-      cssTarget: 'esnext'
+export default defineConfig({
+  base: '/react-data-grid/',
+  cacheDir: '.cache/vite',
+  clearScreen: false,
+  build: {
+    modulePreload: { polyfill: false },
+    sourcemap: true,
+    reportCompressedSize: false,
+    // https://github.com/parcel-bundler/lightningcss/issues/873
+    cssTarget: 'esnext'
+  },
+  plugins: [
+    ecij(),
+    !isTest &&
+      tanstackRouter({
+        target: 'react',
+        generatedRouteTree: 'website/routeTree.gen.ts',
+        routesDirectory: 'website/routes',
+        autoCodeSplitting: true
+      }),
+    react()
+  ],
+  server: {
+    open: true
+  },
+
+  lint: {
+    // TODO
+  },
+
+  fmt: {
+    ignorePatterns: ['/website/routeTree.gen.ts'],
+    singleQuote: true,
+    trailingComma: 'none',
+    sortImports: {
+      customGroups: [
+        {
+          groupName: 'react',
+          elementNamePattern: ['react', 'react/**', 'react-dom', 'react-dom/**']
+        },
+        {
+          groupName: 'ecij',
+          elementNamePattern: ['ecij']
+        },
+        {
+          groupName: 'clsx',
+          elementNamePattern: ['clsx']
+        },
+        {
+          groupName: './src',
+          elementNamePattern: ['**/src', '**/src/**']
+        },
+        {
+          groupName: './renderers',
+          elementNamePattern: ['**/renderers', '**/renderers/**']
+        },
+        {
+          groupName: './components',
+          elementNamePattern: ['**/components', '**/components/**']
+        },
+        {
+          groupName: './hooks',
+          elementNamePattern: ['**/hooks', '**/hooks/**']
+        },
+        {
+          groupName: './utils',
+          elementNamePattern: ['**/utils', '**/utils/**']
+        },
+        {
+          groupName: './types',
+          elementNamePattern: ['**/types', '**/types/**']
+        }
+      ],
+      groups: [
+        'side_effect_style',
+        'side_effect',
+        { newlinesBetween: true },
+        'builtin',
+        'react',
+        'external',
+        'ecij',
+        'clsx',
+        { newlinesBetween: true },
+        './src',
+        './renderers',
+        './components',
+        './hooks',
+        './utils',
+        './types',
+        'index',
+        'sibling',
+        'parent',
+        'unknown'
+      ],
+      newlinesBetween: false
+    }
+  },
+
+  pack: {
+    outDir: 'lib',
+    platform: 'neutral',
+    sourcemap: true,
+    deps: {
+      skipNodeModulesBundle: true
     },
-    plugins: isPreview
-      ? []
-      : [
-          ecij(),
-          !isTest &&
-            tanstackRouter({
-              target: 'react',
-              generatedRouteTree: 'website/routeTree.gen.ts',
-              routesDirectory: 'website/routes',
-              autoCodeSplitting: true
-            }),
-          react()
-        ],
-    server: {
-      open: true
+    css: {
+      fileName: 'styles.css'
     },
-    test: {
-      dir: 'test',
-      globals: true,
-      printConsoleTrace: true,
-      env: {
-        // @ts-expect-error
-        CI: isCI
-      },
-      coverage: {
-        provider: 'istanbul',
-        enabled: isCI,
-        include: ['src/**/*.{ts,tsx}'],
-        reporter: ['json']
+    dts: {
+      build: true,
+      tsconfig: './tsconfig.src.json'
+    },
+    plugins: [
+      ecij({
+        // We add the package version as prefix to avoid style conflicts
+        // between multiple versions of RDG on the same page
+        classPrefix: `rdg-${pkg.version.replaceAll('.', '-')}-`
+      })
+    ]
+  },
+
+  run: {
+    tasks: {
+      eslint: {
+        command: 'eslint --max-warnings 0'
       },
-      restoreMocks: true,
-      sequence: {
-        shuffle: {
-          files: false,
-          tests: true
-        }
+      'eslint:fix': {
+        command: 'eslint --fix',
+        cache: false
       },
+      typecheck: {
+        command: 'tsgo --build',
+        input: [{ auto: true }, '!./.cache/ts/**/*']
+      }
+    }
+  },
+
+  staged: {
+    '*': 'vp fmt'
+  },
+
+  test: {
+    dir: 'test',
+    globals: true,
+    printConsoleTrace: true,
+    env: {
+      // @ts-expect-error
+      CI: isCI
+    },
+    coverage: {
+      provider: 'istanbul',
+      enabled: isCI,
+      include: ['src/**/*.{ts,tsx}'],
+      reporter: ['json']
+    },
+    restoreMocks: true,
+    sequence: {
+      shuffle: {
+        files: false,
+        tests: true
+      }
+    },
+    expect: {
+      poll: {
+        timeout: actionTimeout
+      }
+    },
+    slowTestThreshold: 1000,
+    browser: {
+      headless: true,
+      ui: false,
+      viewport,
+      commands: { resizeColumn, dragFill },
       expect: {
-        poll: {
-          timeout: actionTimeout
-        }
-      },
-      slowTestThreshold: 1000,
-      browser: {
-        headless: true,
-        ui: false,
-        viewport,
-        commands: { resizeColumn, dragFill },
-        expect: {
-          toMatchScreenshot: {
-            resolveScreenshotPath({
-              root,
-              testFileDirectory,
-              testFileName,
-              arg,
-              browserName,
-              platform,
-              ext
-            }) {
-              return `${root}/${testFileDirectory}/screenshots/${testFileName}/${arg}-${browserName}-${platform}${ext}`;
-            }
-          }
-        },
-        instances: [
-          {
-            browser: 'chromium',
-            provider: playwright({
-              ...playwrightOptions,
-              launchOptions: {
-                channel: 'chromium'
-              }
-            })
-          },
-          {
-            browser: 'firefox',
-            provider: playwright(playwrightOptions),
-            // TODO: remove when FF tests are stable
-            fileParallelism: false
+        // @ts-expect-error
+        toMatchScreenshot: {
+          resolveScreenshotPath({
+            // @ts-expect-error
+            root,
+            // @ts-expect-error
+            testFileDirectory,
+            // @ts-expect-error
+            testFileName,
+            // @ts-expect-error
+            arg,
+            // @ts-expect-error
+            browserName,
+            // @ts-expect-error
+            platform,
+            // @ts-expect-error
+            ext
+          }) {
+            return `${root}/${testFileDirectory}/screenshots/${testFileName}/${arg}-${browserName}-${platform}${ext}`;
           }
-        ]
+        }
       },
-      projects: [
+      instances: [
         {
-          extends: true,
-          test: {
-            name: 'browser',
-            include: ['browser/**/*.test.*'],
-            browser: { enabled: true },
-            setupFiles: ['test/browser/styles.css', 'test/setupBrowser.ts', 'test/failOnConsole.ts']
-          }
-        },
-        {
-          extends: true,
-          test: {
-            name: 'visual',
-            include: ['visual/*.test.*'],
-            browser: { enabled: true },
-            setupFiles: ['test/setupBrowser.ts', 'test/failOnConsole.ts']
-          }
+          browser: 'chromium',
+          provider: playwright({
+            ...playwrightOptions,
+            launchOptions: {
+              channel: 'chromium'
+            }
+          })
         },
         {
-          extends: true,
-          test: {
-            name: 'node',
-            include: ['node/**/*.test.*'],
-            environment: 'node',
-            setupFiles: ['test/failOnConsole.ts']
-          }
+          browser: 'firefox',
+          provider: playwright(playwrightOptions),
+          // TODO: remove when FF tests are stable
+          fileParallelism: false
         }
       ]
-    }
-  })
-);
+    },
+    projects: [
+      {
+        extends: true,
+        test: {
+          name: 'browser',
+          include: ['browser/**/*.test.*'],
+          browser: { enabled: true },
+          setupFiles: ['test/browser/styles.css', 'test/setupBrowser.ts', 'test/failOnConsole.ts']
+        }
+      },
+      {
+        extends: true,
+        test: {
+          name: 'visual',
+          include: ['visual/*.test.*'],
+          browser: { enabled: true },
+          setupFiles: ['test/setupBrowser.ts', 'test/failOnConsole.ts']
+        }
+      },
+      {
+        extends: true,
+        test: {
+          name: 'node',
+          include: ['node/**/*.test.*'],
+          environment: 'node',
+          setupFiles: ['test/failOnConsole.ts']
+        }
+      }
+    ]
+  }
+});