Per-Component i18n

    Type-Safe. Translate with AI. Edit Visually.

    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.

    Available for

    // src/component/server/component.content.tsimport { t, type Dictionary } from "intlayer";const componentContent = {  key: "server-component",  content: {    title: t({      en: "Title of my component",      fr: "Titre de mon component",      es: "Título de mi componente",    }),    content:      "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",  },} satisfies Dictionary;export default componentContent;
    // src/components/Component.tsxexport const Component = () => {  return (    <div>      <h2>Intlayer Compiler</h2>      <p>        The Intlayer Compiler extracts automatically the content from the        components and generates the dictionary files.      </p>    </div>  );};
    Try it for free using the playground.Go to playground
    intlayer test
    $ npx intlayer test
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    ~/Desktop/MyApp

    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

    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.

    Code-Based i18n

    Type-safe translations that live in your repo.

    Declare content alongside your components in TypeScript or JavaScript. Intlayer generates types automatically, giving you autocompletion, validation, and instant feedback. No more missing keys, context switching, or broken implementations.

    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.

    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.

    Headless CMS

    Bridge your local code with remote content.

    Manage multilingual content with zero overhead. Intlayer allows you to interconnect local dictionaries with remote management, enabling Live Sync for hot updates without rebuilding. Use webhooks for CI/CD, manage feature flags, and let the Auto-Translation AI (WIP) handle the rest.

    Feature Flags

    Toggle features instantly. No deploy required.

    Intlayer dictionaries are more than just text. Use them to declare logic, styles, and configuration objects. With Live Sync, you can toggle features on or off, change UI themes, and update app behavior in real-time directly from the CMS.

    AB testing

    Your Playground for Product Experiments.

    Be the first to explore Intlayer's new AI-driven A/B Testing beta, built to boost discoverability and guide smarter product decisions. Test anything in real time, from copy and design to entire features, and let the data show you what truly works.

    Try the live demo

    Frequently asked questions

    Read all frequent questions