![\"Intlayer](\"https://raw.githubusercontent.com/aymericzip/intlayer/main/docs/assets/cover.png\")
\n \n\n \n \n \n
\n Docs •\n Next.js •\n React + Vite •\n CMS •\n Discord\n
\n\n ![\"npm](\"https://img.shields.io/npm/v/intlayer?style=for-the-badge&labelColor=FFFFFF&color=000000&logoColor=FFFFFF\")
![\"GitHub](\"https://img.shields.io/github/stars/aymericzip/intlayer?style=for-the-badge&labelColor=000000&color=FFFFFF&logo=github&logoColor=FFD700\")
![\"monthly](\"https://img.shields.io/npm/dm/intlayer?style=for-the-badge&labelColor=000000&color=FFFFFF&logoColor=000000&cacheSeconds=86400\")
![\"license\"/](\"https://img.shields.io/github/license/aymericzip/intlayer?style=for-the-badge&labelColor=000000&color=FFFFFF&logoColor=000000&cacheSeconds=86400\")
![\"last](\"https://img.shields.io/github/last-commit/aymericzip/intlayer?style=for-the-badge&labelColor=000000&color=FFFFFF&logoColor=000000&cacheSeconds=86400\")
![](\"https://img.shields.io/badge/Get_Started-FFFFFF?style=for-the-badge&logo=rocket&logoColor=black\"){kind=icon}
\n\n\n## What is Intlayer?\n\nMost i18n libraries are either too complex, too rigid, or not built for modern frameworks.\n\nIntlayer is a **modern i18n solution** for web and mobile apps. \nIt’s framework-agnostic, **AI-powered**, and includes a free **CMS & visual editor**.\n\nWith **per-locale content files**, **TypeScript autocompletion**, **tree-shakable dictionaries**, and **CI/CD integration**, Intlayer makes internationalization **faster, cleaner, and smarter**.\n\n## Keys benefits of Intlayer:\n\n| Feature | Description |\n| --------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| ![\"Feature\"](\"https://github.com/aymericzip/intlayer/blob/main/docs/assets/frameworks.png?raw=true\")
| **Cross-Frameworks Support**![\"Feature\"](\"https://github.com/aymericzip/intlayer/blob/main/docs/assets/javascript_content_management.jpg?raw=true\")
| **JavaScript-Powered Content Management**![\"Feature\"](\"https://github.com/aymericzip/intlayer/blob/main/docs/assets/per_locale_content_declaration_file.png?raw=true\")
| **Per-Locale Content Declaration File**![\"Feature\"](\"https://github.com/aymericzip/intlayer/blob/main/docs/assets/compiler.jpg?raw=true\")
| **Compiler**![\"Feature\"](\"https://github.com/aymericzip/intlayer/blob/main/docs/assets/autocompletion.png?raw=true\")
| **Type-Safe Environment**![\"Feature\"](\"https://github.com/aymericzip/intlayer/blob/main/docs/assets/config_file.png?raw=true\")
| **Simplified Setup**![\"Feature\"](\"https://github.com/aymericzip/intlayer/blob/main/docs/assets/content_retrieval.png?raw=true\")
| **Simplified Content Retrieval**![\"Feature\"](\"https://github.com/aymericzip/intlayer/blob/main/docs/assets/server_component.png?raw=true\")
| **Consistent Server Component Implementation**![\"Feature\"](\"https://github.com/aymericzip/intlayer/blob/main/docs/assets/file_tree.png?raw=true\")
| **Organized Codebase**![\"Feature\"](\"https://github.com/aymericzip/intlayer/blob/main/docs/assets/url_routing.png?raw=true\")
| **Enhanced Routing**![\"Feature\"](\"https://github.com/aymericzip/intlayer/blob/main/docs/assets/markdown.png?raw=true\")
| **Markdown Support**![\"Feature\"](\"https://github.com/aymericzip/intlayer/blob/main/docs/assets/visual_editor.png?raw=true\")
| **Free Visual Editor & CMS**![\"Feature\"](\"https://github.com/aymericzip/intlayer/blob/main/docs/assets/bundle.png?raw=true\")
| **Tree-shakable Content**![\"Feature\"](\"https://github.com/aymericzip/intlayer/blob/main/docs/assets/static_rendering.png?raw=true\")
| **Static Rendering**![\"Feature\"](\"https://github.com/aymericzip/intlayer/blob/main/docs/assets/AI_translation.png?raw=true\")
| **AI-Powered Translation**![\"Feature\"](\"https://github.com/aymericzip/intlayer/blob/main/docs/assets/mcp.png?raw=true\")
| **MCP Server Integration**![\"Feature\"](\"https://github.com/aymericzip/intlayer/blob/main/docs/assets/vscode_extension.png?raw=true\")
| **VSCode Extension**![\"Feature\"](\"https://github.com/aymericzip/intlayer/blob/main/docs/assets/interoperability.png?raw=true\")
| **Interoperability**![\"Feature\"](\"https://github.com/aymericzip/intlayer/blob/main/docs/assets/benchmark.png?raw=true\")
| **Performances & Benchmark**\n\n\n```bash\nnpm install intlayer react-intlayer\n```\n\n⚡ Quick Start (Next.js)\n\n```ts\n// intlayer.config.ts\nimport { Locales, type IntlayerConfig } from \"intlayer\";\n\nconst config: IntlayerConfig = {\n internationalization: {\n locales: [Locales.ENGLISH, Locales.FRENCH, Locales.SPANISH],\n defaultLocale: Locales.ENGLISH,\n },\n};\n\nexport default config;\n```\n\n```ts\n// app/home.content.ts\nimport { t, type Dictionary } from \"intlayer\";\n\nconst content = {\n key: \"home\",\n content: {\n title: t({\n en: \"Home\",\n fr: \"Accueil\",\n es: \"Inicio\",\n }),\n },\n} satisfies Dictionary;\n\nexport default content;\n```\n\n```tsx\n// app/page.tsx\nimport { useIntlayer } from \"react-intlayer\";\n\nconst HomePage = () => {\n const { title } = useIntlayer(\"home\");\n\n return \n\n\n## Table of Contents\n\nExplore our comprehensive documentation to get started with Intlayer and learn how to integrate it into your projects.\n\n\n English •\n 简体中文 •\n Русский •\n 日本語 •\n Français •\n 한국어 •\n Español •\n Deutsch •\n العربية •\n Italiano •\n English (UK) •\n Português •\n हिन्दी •\n Türkçe\n
\n\n## 🤝 Community\n\nIntlayer is built with and for the community and we’d love your input!\n\n- Have a suggestion? [Open an issue](https://github.com/aymericzip/intlayer/issues)\n- Found a bug or improvement? [Submit a PR](https://github.com/aymericzip/intlayer/pulls)\n- Need help or want to connect? [Join our Discord](https://discord.gg/7uxamYVeCk)\n\nYou can also follow us on :\n\n\n ![\"Intlayer](\"https://img.shields.io/badge/discord-5865F2.svg?style=for-the-badge&logo=discord&logoColor=white\"\n){kind=icon}
\n ![\"Intlayer](\"https://img.shields.io/badge/linkedin-%231DA1F2.svg?style=for-the-badge&logo=linkedin&logoColor=white\"\n){kind=icon}
\n ![\"Intlayer](\"https://img.shields.io/badge/instagram-%23E4405F.svg?style=for-the-badge&logo=Instagram&logoColor=white\"\n){kind=icon}
\n ![\"Intlayer](\"https://img.shields.io/badge/x-1DA1F2.svg?style=for-the-badge&logo=x&logoColor=white\"\n){kind=icon}
\n ![\"Intlayer](\"https://img.shields.io/badge/youtube-FF0000.svg?style=for-the-badge&logo=youtube&logoColor=white\"\n){kind=icon}
\n ![\"Intlayer](\"https://img.shields.io/badge/tiktok-000000.svg?style=for-the-badge&logo=tiktok&logoColor=white\"\n){kind=icon}
\n
\n