aymericzip/intlayer

Per-component Internationalisation solution for JS application. Type-Safe. Translate with AI. Edit Visually.

What it solves

Intlayer addresses the complexity and rigidity of traditional internationalization (i18n) libraries. It simplifies the process of managing multilingual content for web and mobile applications by moving translations closer to the components they belong to and automating the translation process using AI.

How it works

Intlayer uses a per-component content declaration system where developers define translations in JavaScript/TypeScript files located in the same folder as the component. A dedicated compiler extracts this content and generates dictionary files. The system is framework-agnostic and supports major frameworks like Next.js, React, Vite, Vue.js, and Nuxt.

Who it’s for

Developers building multilingual applications who want a type-safe, organized codebase and a streamlined translation workflow, as well as content writers who can use the provided free visual editor and CMS.

Highlights

  • AI-Powered Translation: Translate content into over 200 languages using your own AI provider and API key.
  • Visual Editor & CMS: A free visual editor and CMS for non-technical content writers to manage translations.
  • Type-Safe: Full TypeScript autocompletion for content definitions.
  • Tree-shakable Content: Loads content per component to reduce bundle size and lazy loading support.
  • MCP Server Integration: Provides a Model Context Protocol server for IDE automation of i18n workflows.
  • Cross-Framework Support: Compatible with Next.js, React, Vite, Vue.js, Nuxt, Preact, and Express.

Related

  • Project
  • Project
  • Project
  • Project
  • Project