Intlayer

Intlayer is a per-component i18n library and headless CMS that simplifies multilingual content management for modern web applications.

What is Intlayer?

Intlayer is an open-source, AI-powered internationalization (i18n) and content management solution for React, Next.js, Vue, Svelte, and more. It takes TypeScript translation declarations co-located with components and produces type-safe, autocompleted translations. The platform runs on Node.js and is developed by the Intlayer team. It offers a free open-source core with optional premium CMS features.

Key Features

• Per-component i18n — Declare translations alongside components in TypeScript, enabling type safety and autocompletion.
• Visual editor — A user-friendly interface for non-developers to edit translations directly on the page.
• AI-powered translation automation — Automatically translate content using AI, reducing manual effort.
• CLI tool — Audit and fill missing translations from the command line, with support for continuous integration.
• Live sync — Keep translations synchronized across environments in real time.
• Feature flags and A/B testing — Manage feature rollouts and test translation variants.
• Scope-based content — Organize translations by scope to manage large applications efficiently.
• Framework integrations — Seamlessly integrate with Next.js, Vue, Svelte, and support server-side rendering (SSR) and static site generation (SSG).

Who is it for?

• Developers — who want to add i18n to their React, Next.js, Vue, or Svelte projects with type safety and minimal boilerplate.
• Content managers — who need a visual editor to update translations without coding knowledge.
• Product teams — who require feature flags, A/B testing, and live sync for multilingual content rollouts.

What can you do with Intlayer?

• Add i18n to a Next.js app — Declare translations per component, then use the CLI to check for missing keys and automate translations via AI.
• Manage translations in a headless CMS — Use the visual editor to allow non-technical team members to update content across multiple languages.
• Run A/B tests on translation variants — Enable feature flags to test different messaging for specific user segments.

How does Intlayer work?

1. Install the Intlayer package in your project and configure it for your framework.
2. Declare translations in TypeScript files co-located with your components.
3. Use the CLI to scan for missing translations or automate them with AI.
4. Optionally, deploy the headless CMS visual editor for non-developer editing.

Pricing

Intlayer is freemium: the core i18n library and CLI are free and open-source; premium CMS features such as the visual editor, live sync, and AI translation require a paid subscription.

FAQ

Is Intlayer free?

Yes, the core i18n library and CLI are free and open-source under a permissive license. The visual editor and AI translation features are part of a premium plan.

What frameworks does Intlayer support?

Intlayer integrates with React, Next.js, Vue, and Svelte, and supports server-side rendering and static site generation.

Can Intlayer translate Chinese?

Yes, Intlayer supports English, Chinese, and many other languages through its AI-powered translation engine.

How does Intlayer ensure type safety?

By declaring translations in TypeScript, Intlayer provides autocompletion and compile-time checks, reducing runtime errors in multilingual content.