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?
- Install the Intlayer package in your project and configure it for your framework.
- Declare translations in TypeScript files co-located with your components.
- Use the CLI to scan for missing translations or automate them with AI.
- 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.
