Vite Integration
Localize your Vite application
i1n works with any Vite-based project — React, Vue, Svelte, Solid, or vanilla. Push JSON locale files, translate with AI, and pull type-safe definitions.
$ npx i1n init
src/App.tsx
// vite.config.ts — no plugin needed
// i1n manages locale files directly
import { t } from 'i1n'
function App() {
return (
<div>
<h1>{t('home.welcome')}</h1>
<p>{t('home.description')}</p>
</div>
)
}Why Vite teams use i1n
Works with any Vite framework
React, Vue, Svelte, Solid, Preact — if it runs on Vite, i1n works out of the box.
No Vite plugin required
i1n manages locale files at the filesystem level. No build plugin, no config changes, no lock-in.
HMR-friendly
Locale files are standard JSON. Vite's HMR picks up changes instantly when you run i1n pull.
Type-safe keys
Auto-generated i1n.d.ts gives you full autocomplete and compile-time errors in your Vite project.
Start localizing your Vite app
Free Starter plan included. No credit card required.