React Integration
React i18n without the boilerplate.
Push JSON locale files, translate with AI, pull type-safe definitions. Bridge Mode lets you keep i18next or React Intl — i1n handles the infrastructure.
$ npx i1n init
src/pages/Settings.tsx
import { t } from 'i1n'
function SettingsPage() {
return (
<div>
<h1>{t('settings.title')}</h1>
<label>{t('settings.notifications')}</label>
<p>{t('settings.save_hint')}</p>
{/* ↑ Every key is autocompleted */}
</div>
)
}Why React teams use i1n
Bridge Mode for i18next & React Intl
Already using i18next or React Intl? Keep your setup. i1n manages the files and types without changing your app code.
TypeScript-first
Every i1n pull generates i1n.d.ts. Your IDE knows every key. Your compiler catches missing translations.
Nested JSON support
Use flat or nested JSON — i1n handles both. Keys are dot-notated internally for consistency.
Zero runtime dependency
i1n works at build time. No SDK needed in production — just your locale JSON files and your existing i18n library.
Start localizing your React app
Free Starter plan included. No credit card required.