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 making web and mobile apps multilingual by providing a toolset that integrates AI-powered translation, a visual editor, and a CMS, reducing the manual effort required to manage translations across different frameworks.
How it works
Intlayer uses a per-component content declaration approach where translations are kept close to their respective components (1 component = 1 dictionary). A dedicated compiler extracts content from these components and generates dictionary files. It supports TypeScript for type-safety and autocompletion, and uses tree-shaking and dynamic loading to ensure that only the necessary content is loaded, optimizing the final bundle size.
Who it’s for
Developers using modern web frameworks like Next.js, React, Vite, Vue.js, Nuxt, and Preact, as well as Express for backend services, who need a scalable and maintainable way to handle internationalization.
Highlights
- AI-Powered Translation: Translate content into over 230 languages using your own AI provider and API key.
- Visual Editor & CMS: A free visual editor and CMS for content writers to manage translations without touching code.
- Cross-Framework Support: Compatible with all major JavaScript frameworks and libraries.
- MCP Server Integration: Provides a Model Context Protocol server for IDE automation of i18n workflows.
- Type-Safe: Full TypeScript support for error-free content definitions.
- Tree-shakable Content: Reduces bundle size by loading content per component.
- Interoperability: Works alongside existing libraries like react-i18next and next-intl.
Related
- Project
- Project
- Project
- Project
- Project