--- title: "Framework selection" description: "Choose a framework or open example project in BabelEdit" canonical: "https://www.codeandweb.com/babeledit/documentation/framework-selection" product: "babeledit" source: "html" --- # Framework selection BabelEdit supports a wide range of frameworks and file formats. It automatically recognizes framework-specific features and adjusts the UI to match your project type. BabelEdit also supports generic formats (JSON and YAML) that work across many frameworks. ## Framework selection screen You should see the following screen after agreeing to the license terms: ![BabelEdit Quickstart: Choose your web framework](https://www.codeandweb.com/static/cae0a886d83aeaa354ef55d653dfa0eb/283d3/babeledit-first-start%402x.png) In this screen you can: * Select a [framework](#frameworks-and-file-formats) to start with. Choose **Generic JSON** if you don't use one of the provided frameworks. * **Drop your translation files** to start working. BabelEdit will try to detect the framework automatically. * Open an **example project** if you just want to see BabelEdit in action. ## Frameworks and File Formats BabelEdit supports a wide range of frameworks and file formats. Use this overview to pick the integration guide that matches your project. | Integration Guide | File Format(s) | | --- | --- | | [.NET](https://www.codeandweb.com/babeledit/documentation/frameworks/dotnet.md) | `.resx` | | [Angular](https://www.codeandweb.com/babeledit/documentation/frameworks/angular.md) | | | [@angular/localize](https://www.codeandweb.com/babeledit/documentation/frameworks/angular.md#angular-localize) | `.xlf` | | [ngx-translate](https://www.codeandweb.com/babeledit/documentation/frameworks/angular.md#ngx-translate) | `.json` | | [Transloco](https://www.codeandweb.com/babeledit/documentation/frameworks/angular.md#transloco) | `.json` | | [Ember.js](https://www.codeandweb.com/babeledit/documentation/frameworks/ember-js.md) | `.json` | | [Flutter](https://www.codeandweb.com/babeledit/documentation/frameworks/flutter.md) | `.arb` | | [GetText ("PO files")](https://www.codeandweb.com/babeledit/documentation/frameworks/po-files.md) | `.po` | | [i18next](https://www.codeandweb.com/babeledit/documentation/frameworks/i18next.md) | `.json` | | [Java](https://www.codeandweb.com/babeledit/documentation/frameworks/java.md) | `.properties` | | [JSON (Generic)](https://www.codeandweb.com/babeledit/documentation/frameworks/json.md) | `.json` | | [Laravel](https://www.codeandweb.com/babeledit/documentation/frameworks/laravel.md) | `.php`, `.json` | | [React](https://www.codeandweb.com/babeledit/documentation/frameworks/react.md) | | | [react-intl](https://www.codeandweb.com/babeledit/documentation/frameworks/react.md#react-intl) | `.json` | | [react-i18next](https://www.codeandweb.com/babeledit/documentation/frameworks/react.md#react-i18next) | `.json` | | [@lingui/react](https://www.codeandweb.com/babeledit/documentation/frameworks/react.md#react-lingui) | `.json` | | [Ruby on Rails](https://www.codeandweb.com/babeledit/documentation/frameworks/ruby-on-rails.md) | `.yml` | | [Svelte](https://www.codeandweb.com/babeledit/documentation/frameworks/svelte.md) | `.json` | | [Vue.js](https://www.codeandweb.com/babeledit/documentation/frameworks/vue-js.md) | `.json` | | [YAML (Generic)](https://www.codeandweb.com/babeledit/documentation/frameworks/yaml.md) | `.yaml`, `.yml` | If your framework is not listed, start with the generic JSON format: [/babeledit/documentation/frameworks/json](https://www.codeandweb.com/babeledit/documentation/frameworks/json.md). ## In this section - [Installation](https://www.codeandweb.com/babeledit/documentation.md) - [Main screen](https://www.codeandweb.com/babeledit/documentation/main-screen.md) - [Project configuration](https://www.codeandweb.com/babeledit/documentation/project-configuration.md) - [Configure languages](https://www.codeandweb.com/babeledit/documentation/configure-languages.md) - [Adding translations](https://www.codeandweb.com/babeledit/documentation/adding-translations.md) - [Search & filters](https://www.codeandweb.com/babeledit/documentation/search-and-filters.md) - [Editing tools](https://www.codeandweb.com/babeledit/documentation/editing-tools.md) - [Import & export](https://www.codeandweb.com/babeledit/documentation/import-export.md) - [.NET (.resx)](https://www.codeandweb.com/babeledit/documentation/frameworks/dotnet.md) - [Angular](https://www.codeandweb.com/babeledit/documentation/frameworks/angular.md) - [Ember.js](https://www.codeandweb.com/babeledit/documentation/frameworks/ember-js.md) - [Flutter (.arb)](https://www.codeandweb.com/babeledit/documentation/frameworks/flutter.md) - [Gettext (.po, .pot)](https://www.codeandweb.com/babeledit/documentation/frameworks/po-files.md) - [i18next (json)](https://www.codeandweb.com/babeledit/documentation/frameworks/i18next.md) - [Java](https://www.codeandweb.com/babeledit/documentation/frameworks/java.md) - [JSON](https://www.codeandweb.com/babeledit/documentation/frameworks/json.md) - [Laravel (php/json)](https://www.codeandweb.com/babeledit/documentation/frameworks/laravel.md) - [React](https://www.codeandweb.com/babeledit/documentation/frameworks/react.md) - [Ruby On Rails](https://www.codeandweb.com/babeledit/documentation/frameworks/ruby-on-rails.md) - [Svelte](https://www.codeandweb.com/babeledit/documentation/frameworks/svelte.md) - [Vue.js](https://www.codeandweb.com/babeledit/documentation/frameworks/vue-js.md) - [YAML](https://www.codeandweb.com/babeledit/documentation/frameworks/yaml.md) - [Overview](https://www.codeandweb.com/babeledit/documentation/features.md) - [Machine Translation](https://www.codeandweb.com/babeledit/documentation/machine-translation.md) - [ConsistencyAI](https://www.codeandweb.com/babeledit/documentation/consistency-ai.md) - [Spell Checker](https://www.codeandweb.com/babeledit/documentation/spellchecker.md) - [Similar Phrases](https://www.codeandweb.com/babeledit/documentation/translation-memory.md)