Frameworks
Framework integration guides for i1n. Setup instructions for Next.js, React, Vue, Angular, Flutter, React Native, iOS, Android, Rails, Astro, and vanilla JavaScript.
Overview
i1n integrates with all major frameworks and platforms. The i1n init command auto-detects your framework and configures the appropriate file format and directory structure.
For JavaScript and TypeScript frameworks (React, Next.js, Vue, Angular, Astro), you can use the i1n SDK in standalone mode or connect it to your existing i18n library via Bridge Mode. For native platforms (Flutter, iOS, Android, Rails), i1n manages the translation files and your platform's native localization system handles the runtime.
Supported Frameworks
i1n supports Next.js (next-intl), React (i18next, react-intl), Vue (vue-i18n), Angular (ngx-translate), Flutter (ARB), iOS (.strings), Android (XML), Rails (YAML), React Native with Expo, Astro, and vanilla JavaScript/TypeScript.
Each framework guide covers installation, configuration, code integration, and Bridge Mode applicability. The CLI workflow remains identical across all frameworks — only the file format and integration code differ.
Next.js
Integrate i1n with Next.js using next-intl or the i1n SDK directly.
React
Integrate i1n with React using the i1n SDK or Bridge Mode with i18next / react-intl.
Vue
Integrate i1n with Vue.js using the i1n SDK or Bridge Mode with vue-i18n.
Angular
Integrate i1n with Angular using the i1n SDK or Bridge Mode with ngx-translate.
Astro
Integrate i1n with Astro for static and server-rendered multilingual sites.
JavaScript (Vanilla)
Use i1n in any JavaScript or TypeScript project without a framework.
React Native & Expo
Integrate i1n with React Native and Expo using the i1n SDK or Bridge Mode with i18n-js.
Flutter
Integrate i1n with Flutter using ARB files and flutter_localizations.
iOS & macOS
Integrate i1n with iOS and macOS using .strings files.
Android
Integrate i1n with Android using XML string resources.
Rails
Integrate i1n with Ruby on Rails using YAML locale files.