Framework integrations

Find your framework.

Bring translation into the tools your app already uses. Each package connects to the same cloud project, with setup instructions for its own message format.

MIT-licensed packages on npm and pub.dev. Choose your framework to get started.

Package downloads

5 integrations

i18next

SvelteKit

Connect native i18next catalogs to SvelteKit with translation state scoped to each rendered component tree.

@translocale/svelte

Native i18next JSON v4

Setup guide

next-intl

Next.js

Translate nested messages, connect next-intl, and check catalogs before building your app.

@translocale/next

Nested ICU JSON

Setup guide

i18next JSON v4

React & i18next

Keep namespace files, interpolation, and language-specific plural forms in your existing i18next workflow.

@translocale/i18next

Native i18next JSON v4

Setup guide

Vue I18n

Vue & Nuxt

Work with Vue I18n catalogs in Vue 3, or connect them to Nuxt's locale routing and server rendering.

@translocale/vue

Vue I18n JSON

Setup guide

ARB & gen-l10n

Flutter

Find ARB files, translate with your product context, and compile the downloaded wording with Flutter's localization generator.

translocale_flutter

Flutter ARB, default escaping

Setup guide

Working in another stack?

The CLI, MCP server, and HTTP API work with supported files across frameworks. Dedicated packages for Angular, Astro, native Swift and Kotlin, and backend frameworks are planned.