Per-Component i18n

Name: Intlayer
Rating: 4.92 (64 reviews)
Author: Intlayer

Type-Safe. Translate with AI. Edit Visually.

npx intlayer init

npx intlayer init

Define translations next to components to speed up your development. Keep your bundle as light as it should be. Invite editors through the CMS. Every contribution is genuinely appreciated.

Support the project Get started

Available for

Codebase

Compiler

Visual Editor

Translate

Test

Improve code maintainability by keeping your content definitions close to your components. Reduce redundancy, enhance clarity, and simplify updates with a structured approach that makes your code easier to manage and scale over time.

Extract your content instantly with the Intlayer Compiler. It will automatically generate the necessary dictionary files for your content to internationalize your application in a second.

Leverage the free visual editor to build and manage your site effortlessly. Create, edit, and organize components and pages without touching code, making it easier for content managers and developers to collaborate efficiently.

Expand your reach with built-in translation support. Easily translate your content using an intuitive interface, ensuring seamless multilingual experiences for your users without the hassle of managing multiple content versions manually.

Use the Intlayer CLI to test and fill your content using AI to ensure all translations are complete and accurate.

Why to chose Intlayer?

Free and Open Source

Intlayer is free and open source, allowing you to use it for free and contribute to suit your needs.

JavaScript-Powered Content Management

Harness the flexibility of JavaScript to define and manage your content efficiently.

Type-Safe Environment

Leverage TypeScript to ensure all your content definitions are precise and error-free.

Declaration at the component level

Keep your translations close to their respective components, enhancing maintainability and clarity.

Simplified Setup

Get up and running quickly with minimal configuration, especially optimized for Next.js projects.

Integrated CMS

Edit your content on your website with an integrated CMS directly on your website. Boost content generation thanks to AI.

Technology

See benchmark Read full report

I18n Performance Benchmark

What is this metric?

The total gzip-compressed size of the internationalization library bundle. It only includes the provider and content retrieval logic after tree-shaking and minification.

Why is it important?

A smaller library size reduces the initial JavaScript payload, leading to faster download and execution times on the client.

Analyze Your Website’s Global Localization Score

Quickly and for free, evaluate the localization quality of your website. Analyze principal multilingual elements of your website to get a comprehensive score and actionable insights for improving your reach.

Go to the scanner

Code-Based i18n

Type-safe translations that live in your repo.

Start Coding

AI CLI Tool

Automate translations from your terminal.

The CLI to audit, fill, and translate JSON & Markdown with AI.

Run `npx intlayer fill` to detect missing keys and generate translations using OpenAI, Claude, or local models. Keep your Git history clean and your types safe.

Try the CLI

Intlayer TMS

Stop paying per word. Automate with AI.

The open-source & self-hosted alternative to Crowdin & Lokalise. Built for modern developer workflows.

Manage translations directly in your code or via the visual editor. Leverage AI to translate instantly. Collaborate with your team without seat limits.

See TMS

Headless CMS

Bridge your local code with remote content.

See CMS

Feature Flags

Toggle features instantly. No deploy required.

Try Features

AB testing

Your Playground for Product Experiments.

See A/B test

Previous slide←

Next slide→

Try the live demo

Built by the Community

Meet the amazing contributors who make Intlayer possible.

Join us See all contributors

Frequently asked questions

Internationalization (i18n) is the process of designing and developing applications like Next.js, React, or Express to support multiple languages easily. It enables you to create multilingual websites by simplifying the translation process. Tools like TypeScript make it easier to implement i18n, allowing for efficient and easy adaptation of your application to different languages and regions.Read more about i18n

Intlayer is a package that allows you to manage your multilingual website. It provides a set of tools and utilities that make it easy to set up your website for multilingual content and localization.Read more about Intlayer

Intlayer simplifies configuration management and enables internationalization for various types of JavaScript applications, including server components. It allows content declaration directly alongside components, improving codebase maintainability. Additionally, Intlayer leverages TypeScript to prevent missing declarations. Finally, Intlayer offers a visual editor, enabling non-developers to edit website content, translate automatically using AI, and optimize the application’s SEO.Read more about Intlayer's features

Intlayer integrates with Next.js to enable server-side rendering and static site generation, making multilingual content delivery more efficient.Read more about Next.js integration

Yes, Intlayer provides an optional visual editor for managing content easily without diving into code.Read more about the visual editor

You can contribute by submitting pull requests or reporting issues on the GitHub repository.Read more about how to contribute

Intlayer integrates a selection of free NPM packages along with a visual editor. Additionally, it offers a CMS for externalizing content. This CMS is free to use but includes additional features for Premium and Enterprise plan members.Read more about Intlayer plans

Intlayer is available for React (including Create React App), Vite with React, Next.js, Tanstack Start, Vue, Nuxt, Express, NestJS, Preact, and more. This ensures a seamless integration with modern JavaScript frameworks and server-side environments.Read more about the platforms supported

Yes, Intlayer can be integrated as a wrapper around i18next, next-intl, vue-i18next, and more. This allows you to automate your translations, and use Intlayer without having to refactor your existing code.

Read all frequent questions

Per-Component i18n

Type-Safe. Translate with AI. Edit Visually.

Codebase

Compiler

Visual Editor

Translate

Test

Why to chose Intlayer?

Free and Open Source

JavaScript-Powered Content Management

Type-Safe Environment

Declaration at the component level

Simplified Setup

Integrated CMS

I18n Performance Benchmark

Analyze Your Website’s Global Localization Score

Type-safe translations that live in your repo.

Automate translations from your terminal.

Stop paying per word. Automate with AI.

Bridge your local code with remote content.

Toggle features instantly. No deploy required.

Your Playground for Product Experiments.

Try the live demo

Built by the Community

Frequently asked questions

Why to chose Intlayer?

Free and Open Source

JavaScript-Powered Content Management

Type-Safe Environment

Declaration at the component level

Simplified Setup

Integrated CMS

Try the live demo

Type-safe translations that live in your repo.

Automate translations from your terminal.

Stop paying per word. Automate with AI.

Bridge your local code with remote content.

Toggle features instantly. No deploy required.

Your Playground for Product Experiments.

Analyze Your Website’s Global Localization Score

Codebase

Compiler

Visual Editor

Translate

Test

Intlayer compiler

I18n Performance Benchmark

Intlayer compiler

Built by the Community