Instant LocalizationFor React Apps
No translation files. No complex setup. Just few lines of code and support 100+ languages instantly
import { useAutoTranslate } from 'react-autolocalise';
export default function Welcome() {
const {t} = useAutoTranslate();
return <h1>{t('Welcome to our app!')}</h1>
}Everything you needTo Go Global
Built for developers who want to focus on building great products, not managing translation workflows.
Zero Configuration
No setup required. Add one import and start translating instantly.
100+ Languages
Support every major language and dialect with AI-powered translations.
Real-time Updates
Translations update instantly without rebuilding or redeploying.
Shared Projects
Share translations across multiple applications in the same project.
Framework Agnostic
Works with React, Next.js, React Native, and Expo framework.
Usage Analytics
Track translation performance and optimize your global user experience.
Few lines of codeGlobal Apps
The simplest way to add internationalization to any React application. No complex setup, no file management, just pure developer experience.
Install AutoLocalise
Add the package to your project with a single command.
npm install react-autolocaliseImport and Use
Set API key, start translating with one simple import. No configuration needed.
export default function App() {
return(
<div>
<h1>{t('Hello World')}</h1>
</div>
);
}Deploy & Scale
Your app is now globally ready. Translations update automatically.
// Auto translate to 100+ languages
// ✅ English: "Hello World"
// ✅ Spanish: "Hola Mundo"
// ✅ French: "Bonjour le monde"
// ✅ Japanese: "こんにちは世界"Ready to go global?
How It Works
AutoLocalise works seamlessly in the background, handling all the complexity of localization so you can focus on building great features.
Auto-Extract Text
Our SDK automatically detects and extracts text you want to translate from your React components as users interact with your app.
Instant Translation
Text is sent to our AI-powered translation service and translated to the user's preferred language in real-time.
Cache & Update
Translations are cached for lightning-fast performance and automatically updated across all instances of your app.
Supported Platforms & Frameworks
AutoLocalise works with your favorite frameworks and platforms, with more coming soon.
React
Full support for React 16.8+ with hooks
Next.js
SSR/SSG support with App Router
React Native
Native mobile app localization
Expo
Managed workflow with Expo SDK
Vue.js
Vue 3 composition API support
Flutter
Flutter with TypeScript
Simple, TransparentPricing for Everyone
Start free, scale as you grow. No hidden fees or surprises.
Have questions about pricing?
Frequently Asked Questions
Everything you need to know about AutoLocalise
How does character counting work for billing?
Character counting uses the formula: source language characters × number of target languages = total characters counted. For example, 5,000 source characters translated to 2 languages equals 10,000 characters counted for billing purposes. Details can refer our documentation.
How quickly can I integrate AutoLocalise into my existing app?
Integration typically takes 5-10 minutes. Get the API Key, install the package, add the provider to your app, and start using the translation hook. No complex configuration or file management required.
Which languages are supported?
AutoLocalise supports 100+ languages including all major languages like English, Spanish, French, German, Chinese, Japanese, Korean, Arabic, and many more. Our AI-powered translations provide high-quality results for all supported languages.
What frameworks and platforms work with AutoLocalise?
AutoLocalise works with React, Next.js, React Native, and Expo.
Does AutoLocalise work offline?
AutoLocalise caches translations locally, so previously translated content works offline. New content requires an internet connection for initial translation, but is then cached for offline use.
How secure is my data with AutoLocalise?
We take security seriously. All data is encrypted in transit and at rest. We don't store your source code, only the text strings you defined that need translation. All the project are private, no one can see them except you and your team.
Will AutoLocalise slow down my app?
No, AutoLocalise is designed for performance. Translations are cached locally and delivered in milliseconds. The SDK is lightweight and has minimal impact on your app's bundle size.
Can I migrate from other i18n solutions?
Yes, you can gradually migrate from solutions like react-i18next or next-i18next. Our migration guides help you transition your existing translations and update your code step by step.