Remix Integration
Localize your Remix application
Push JSON locale files from your Remix project, translate with AI across 182 languages, and pull type-safe definitions. Works with loaders, actions, and remix-i18next.
$ npx i1n init
app/routes/dashboard.tsx
import { t } from 'i1n'
import type { LoaderFunction } from '@remix-run/node'
export const loader: LoaderFunction = async () => {
return json({ title: t('dashboard.title') })
}
export default function Dashboard() {
const { title } = useLoaderData()
return <h1>{title}</h1>
}Why Remix teams use i1n
remix-i18next compatible
i1n works alongside remix-i18next. Keep your existing loader-based i18n setup while i1n manages translation files and AI translation.
Loader-friendly architecture
Load translations in your Remix loaders. i1n locale files are static JSON — no runtime overhead, full SSR support.
Type-safe translation keys
Auto-generated i1n.d.ts provides full IDE autocomplete and compile-time validation for every translation key in your routes.
AI-powered translation
One CLI command translates your entire Remix app to any language. Variable masking protects interpolation syntax.
Start localizing your Remix app
Free forever. No credit card required.