Quick Start
1. Install the CLI
$ npm install -g @intlpullhq/cli
2. Initialize your project
$ npx @intlpullhq/cli init --framework react
3. Sync translations
$ npx @intlpullhq/cli sync
Use in Your Components
react-intl
import { FormattedMessage } from 'react-intl';
function Welcome() {
return (
<h1>
<FormattedMessage
id="welcome.title"
defaultMessage="Hello!"
/>
</h1>
);
}react-i18next
import { useTranslation } from 'react-i18next';
function Welcome() {
const { t } = useTranslation();
return (
<h1>{t('welcome.title')}</h1>
);
}Features
Any i18n Library
Works with react-intl, react-i18next, FormatJS, LinguiJS, and more.
TypeScript First
Full type safety for translation keys. Catch missing translations at build time.
CI/CD Integration
Sync translations on every deploy. Never ship with missing strings.
AI Translations
Get instant AI translations with context awareness. Ship same day.
Supported Libraries
react-intl
FormatJS integration
react-i18next
i18next for React
LinguiJS
Lightweight solution
Custom
Any JSON-based system
Why React Developers Choose IntlPull
Sync translations from your dashboard to your codebase
AI-powered translations with React context awareness
Type-safe translation keys with TypeScript
Extract new keys automatically from code
Preview translations in development
Works with Create React App, Vite, and custom setups