A web application that provides local, effortless internationalization (i18n) translations for developers. Translate your application's content into multiple languages using AI models that run directly in your browser, ensuring privacy and speed.
- Local Translation: All translations run locally in your browser using HuggingFace models - no data sent to external servers
- Multiple Languages: Support for 200+ languages including English, French, Spanish, German, Chinese, Japanese, Hindi, and more
- File Format Support: Works with .json, .yaml, .yml, .js, and .ts files
- Privacy-First: Your translation data never leaves your browser
- Open Source: Free and open-source - no restrictions on usage
- Frontend Framework: Nuxt 3 - Vue.js meta-framework
- UI Components: shadcn-vue - Radix Vue components with Tailwind CSS
- Styling: Tailwind CSS
- AI Models: HuggingFace Transformers (Xenova)
- State Management: Pinia
- Code Editor: CodeMirror
- Internationalization: @nuxtjs/i18n
- Node.js 18+ and npm/pnpm/yarn/bun
git clone https://github.com/yourusername/i18n-ai.git
cd i18n-ai# npm
npm install
# pnpm
pnpm install
# yarn
yarn install
# bun
bun install# npm
npm run dev
# pnpm
pnpm run dev
# yarn
yarn dev
# bun
bun run devThe application will be available at http://localhost:3000
# npm
npm run build
# pnpm
pnpm run build
# yarn
yarn build
# bun
bun run buildDeploy directly to Vercel with the standard build command.
# npm
npm run preview
# pnpm
pnpm run preview
# yarn
yarn preview
# bun
bun run previewi18n-ai/
├── components/ # Vue components
│ └── ui/ # UI components (shadcn-vue)
├── i18n/ # Translation files
├── lib/ # Utility functions and constants
├── pages/ # Nuxt pages
├── server/ # Server-side code
│ ├── api/ # API routes
│ └── utils/ # Server utilities
├── store/ # Pinia stores
├── content/ # Markdown content for blog
└── public/ # Static assets
- Local AI Translation: Uses Web Workers to run HuggingFace models in the browser
- Multi-format Support: Parses and generates various file formats (JSON, YAML, JS/TS)
- Responsive Design: Mobile-first approach with Tailwind CSS
Contributions are welcome! Please feel free to submit a Pull Request.
[Add your license information here]
For support, email [[email protected]] or open an issue in the GitHub repository.