Installation

Scaffold a new project

The fastest way to get started is create-mikata, an interactive scaffolder that picks features (router, UI, store, i18n, testing, …) and wires them together.

npm create mikata@latest my-app

Then:

cd my-app
pnpm install
pnpm dev

Add Mikata to an existing Vite project

If you already have a Vite project, Mikata is two packages: the runtime (mikata) and the Vite JSX plugin (@mikata/compiler).

{
  "dependencies": {
    "mikata": "^0.1.0"
  },
  "devDependencies": {
    "@mikata/compiler": "^0.1.0",
    "vite": "^6.0.0"
  }
}

Next, add mikata() to your Vite plugins and set your tsconfig's jsxImportSource to @mikata/runtime. See Your first app for the full setup.