Introduction

Bring-your-own-key website translation for Vite and Next.js apps.

anylang-dev scans your source code, writes JSON locale files, and can automatically translate static JSX text with your own AI provider key.

Framework aware

Use the same docs page to choose Vite or Next.js setup instructions.

Bring your own key

Translate with Gemini, OpenAI, Anthropic, Cohere, Mistral, and other providers.

How it works

1. Install and initialize

   Run anylang init to create anylang.config.json.

2. Add the framework integration

   Add the Vite plugin or Next.js config wrapper so static JSX text can be transformed.

3. Scan source strings

   Run anylang scan to create source and target locale files without provider calls.

4. Translate

   Add your provider API key to .env, then run anylang translate.

Example

Write normal JSX:

<h1>Translate your website with anylang</h1>
<p tr="false">BrandName</p>

For dynamic text, use the generated runtime:

import { useTr } from "@/anylang";

export function SaveButton() {
  const $tr = useTr();
  return <button>{$tr("actions.save", "Save")}</button>;
}

The tr="false" attribute skips translation for text that should stay exactly as written.

Start with the quickstart and choose your framework. Mintlify will keep matching tab choices in sync across the page.