Run Vite + Vue in your browser

Tab Desktop runs the real Vite dev server inside the tab with the Vue 3 template: single-file components, `<script setup>`, and hot module replacement against a virtual localhost. Everything runs inside your browser tab on WebAssembly. There is no server executing your code, no container to wait for, and nothing to install.

Open Tab Desktop →Free · nothing to install

How it works

Node.js-compatible runtime with npm and pnpm, Vite as the dev server, and a virtual HTTP layer that serves localhost ports inside the tab and, optionally, on a public URL.

npm create vite@latest app -- --template vue
cd app
npm install
npm run dev

What you can do

  • Vue 3 single-file components with HMR
  • TypeScript templates, Pinia, Vue Router — installed like anywhere else
  • npm / pnpm / yarn installs into the tab's own node_modules
  • A production build with `vite build`
  • A public URL for the dev server, in one click

What it does not do

  • Native npm add-ons cannot build in the tab
  • The first install downloads the whole dependency tree, so a fresh project takes a minute to start

Start with a preset

One click gives it an isolated desktop: scaffolded, committed to git, open in Tab Code beside Harbor with the dev server running.

Questions

Is it the real Vue and the real Vite?

Yes — the packages from npm, running on a Node.js-compatible runtime in the tab. There is no special build of either.

Can I open my own Vue project?

Paste its git URL on the front page; it is cloned into the tab, dependencies install, and Harbor offers the dev script from its package.json.

Also runs in the tab