Documentation

Getting started

Magic Translate uses AI to translate your web app without translation keys or files. Getting started takes about five minutes.

1. Create a Magic Translate account

Sign up for Magic Translate to get your API key. The free plan includes 5,000 characters per month, with no credit card required.

2. Get your API key

You can find your API key on your account page. Before you go live, limit it to your own domains under allowed domains, so other websites can't use it.

3. Integrate the Magic Translate client

Choose the client for your app and wrap your text in its translation component: <T> in React and Vue, or <t> in Angular and plain HTML.

  • React for client components and single-page apps.
  • React SSR for React Server Components, translated on the server.
  • Next.js for the App Router and the Pages Router.
  • Angular for Angular 20 and newer, including build-time prerendering.
  • Vue for Vue 3 and Nuxt.
  • JavaScript for any other website, with a single script tag.