Start

Packages

Verbaly is a family of small packages so you install only what you use. Two of them cover most projects: the runtime and the plugin for your bundler. Everything else is there when you need it.

12 packages, one shared version
Only the runtime reaches the browser

Starting from scratch? Install these two and follow Getting started. The runtime never changes; if you are not on Vite, swap the second one for the piece your setup needs. The compiler comes along with it, so you never install it by hand.

$ pnpm add verbaly @verbaly/vite

Core

verbaly
Translates, formats and switches language. This is the only part that ships to the browser.
npm
@verbaly/compiler
The verbaly command: it reads your code and keeps catalogs and types in sync. Runs on your machine and in CI, never in the browser.
npm

Bundlers

@verbaly/vite
Extracts your text while you code, keeps types fresh and stops the build when a translation is missing.
npm
@verbaly/unplugin
The same build for webpack, Rollup, esbuild and Rspack.
npm

Frameworks

@verbaly/react
Hooks and a Trans component so your components re-render when the language changes.
npm
@verbaly/vue
A plugin, composables and a Trans component for Vue.
npm
@verbaly/svelte
Stores and a Trans component for Svelte.
npm
@verbaly/astro
One integration line. It also writes a pre-translated copy of the site for every language when you build.
npm

Full-stack

@verbaly/next
App Router: the language is resolved on the server, so pages arrive translated.
npm
@verbaly/nuxt
Add it to modules and it wires everything, including the language of each request.
npm
@verbaly/sveltekit
One language per request and hydration without a flash of the wrong text.
npm

Coding agents

@verbaly/mcp
Gives your coding agent the cycle as tools: read the coverage, list what is missing, extract new text and fill the gaps.
npm