diff --git a/.github/workflows/grumphp.yml b/.github/workflows/grumphp.yml
new file mode 100644
index 0000000..e67f897
--- /dev/null
+++ b/.github/workflows/grumphp.yml
@@ -0,0 +1,28 @@
+on: [push]
+
+jobs:
+  build:
+    name: Running GrumPHP
+    runs-on: ubuntu-latest
+    env:
+      extensions: intl, mbstring
+    steps:
+      - uses: actions/checkout@v2
+      - name: Setup PHP
+        uses: shivammathur/setup-php@v2
+        with:
+          php-version: '7.3'
+          extensions: ${{ env.extensions }}
+          tools: composer
+      - name: Get Composer Cache Directory
+        id: composercache
+        run: echo "::set-output name=dir::$(composer config cache-files-dir)"
+      - name: Cache dependencies
+        uses: actions/cache@v2
+        with:
+          path: ${{ steps.composercache.outputs.dir }}
+          key: ${{ runner.os }}-composer-${{ hashFiles('**/composer.json') }}
+          restore-keys: ${{ runner.os }}-composer-
+      - name: Install dependencies
+        run: composer config "http-basic.repo.magento.com" ${{ secrets.MAGE_USER }} ${{ secrets.MAGE_PASS }} && composer install --prefer-dist
+      - run: ./vendor/bin/grumphp run
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..eb0a8e7
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,3 @@
+/composer.lock
+/vendor
+/.phpunit.result.cache
diff --git a/.php_cs b/.php_cs
new file mode 100644
index 0000000..cecf418
--- /dev/null
+++ b/.php_cs
@@ -0,0 +1,46 @@
+<?php
+/**
+ * PHP Coding Standards fixer configuration
+ */
+use PhpCsFixer\Config;
+use PhpCsFixer\Finder;
+
+$finder = Finder::create()
+    ->in('./')
+    ->name(['*.php']);
+
+return Config::create()
+    ->setRules([
+        '@PSR2' => true,
+        'no_useless_else' => true,
+        'no_useless_return' => true,
+        'ordered_class_elements' => true,
+        'ordered_imports' => true,
+        'phpdoc_order' => true,
+        'phpdoc_summary' => false,
+        'blank_line_after_opening_tag' => false,
+        'concat_space' => ['spacing' => 'one'],
+        'array_syntax' => ['syntax' => 'short'],
+        // Removes @param and @return tags that don't provide any useful information;
+        // Set to false to ensure custom Magento API implementations do not fail. Magento uses reflection based on its docblocks to process request/responses
+        'no_superfluous_phpdoc_tags' => false,
+        // add declare strict type to every file
+        'declare_strict_types' => true,
+        // use native phpunit methods
+        'php_unit_construct' => true,
+        // Enforce camel case for PHPUnit test methods
+        'php_unit_method_casing' => ['case' => 'camel_case'],
+        'yoda_style' => ['equal' => true, 'identical' => true, 'less_and_greater' => true],
+        'php_unit_test_case_static_method_calls' => true,
+        // comparisons should always be strict
+        'strict_comparison' => true,
+        // functions should be used with $strict param set to true
+        'strict_param' => true,
+        'array_indentation' => true,
+        'compact_nullable_typehint' => true,
+        'fully_qualified_strict_types' => true,
+    ])
+    ->setFinder($finder)
+    ->setRiskyAllowed(true)
+    ->setUsingCache(false);
+
diff --git a/Api/Data/TranslationInterface.php b/Api/Data/TranslationInterface.php
new file mode 100644
index 0000000..172a9f4
--- /dev/null
+++ b/Api/Data/TranslationInterface.php
@@ -0,0 +1,83 @@
+<?php declare(strict_types=1);
+
+
+namespace Phpro\Translations\Api\Data;
+
+interface TranslationInterface extends \Magento\Framework\Api\ExtensibleDataInterface
+{
+    const STRING = 'string';
+    const LOCALE = 'locale';
+    const TRANSLATE = 'translate';
+    const FRONTEND = 'frontend';
+    const KEY_ID = 'key_id';
+
+    /**
+     * @return int|null
+     */
+    public function getKeyId();
+
+    /**
+     * @param $keyId
+     * @return mixed
+     */
+    public function setKeyId($keyId);
+
+    /**
+     * @return string|null
+     */
+    public function getString();
+
+    /**
+     * @param $string
+     * @return mixed
+     */
+    public function setString($string);
+
+    /**
+     * @return string|null
+     */
+    public function getLocale();
+
+    /**
+     * @param $locale
+     * @return mixed
+     */
+    public function setLocale($locale);
+
+    /**
+     * @return string|null
+     */
+    public function getTranslate();
+
+    /**
+     * @param $translate
+     * @return mixed
+     */
+    public function setTranslate($translate);
+
+    /**
+     * @return boolean|null
+     */
+    public function getFrontend();
+
+    /**
+     * @param $frontend
+     * @return mixed
+     */
+    public function setFrontend($frontend);
+
+    /**
+     * Retrieve existing extension attributes object or create a new one.
+     * @return \Phpro\Translations\Api\Data\TranslationExtensionInterface|null
+     */
+    public function getExtensionAttributes();
+
+    /**
+     * Set an extension attributes object.
+     * @param \Phpro\Translations\Api\Data\TranslationExtensionInterface $extensionAttributes
+     * @return $this
+     */
+    public function setExtensionAttributes(
+        TranslationExtensionInterface $extensionAttributes
+    );
+}
diff --git a/Api/Data/TranslationSearchResultsInterface.php b/Api/Data/TranslationSearchResultsInterface.php
new file mode 100644
index 0000000..90c80e4
--- /dev/null
+++ b/Api/Data/TranslationSearchResultsInterface.php
@@ -0,0 +1,21 @@
+<?php declare(strict_types=1);
+
+
+namespace Phpro\Translations\Api\Data;
+
+interface TranslationSearchResultsInterface extends \Magento\Framework\Api\SearchResultsInterface
+{
+
+    /**
+     * Get Translation list.
+     * @return \Phpro\Translations\Api\Data\TranslationInterface[]
+     */
+    public function getItems();
+
+    /**
+     * Set translate list.
+     * @param \Phpro\Translations\Api\Data\TranslationInterface[] $items
+     * @return $this
+     */
+    public function setItems(array $items);
+}
diff --git a/Api/ExportManagementInterface.php b/Api/ExportManagementInterface.php
new file mode 100644
index 0000000..ca9097b
--- /dev/null
+++ b/Api/ExportManagementInterface.php
@@ -0,0 +1,11 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Api;
+
+use Phpro\Translations\Model\Data\ExportStats;
+
+interface ExportManagementInterface
+{
+    public function export(?array $locale): ExportStats;
+}
diff --git a/Api/ImportManagementInterface.php b/Api/ImportManagementInterface.php
new file mode 100644
index 0000000..56eaeff
--- /dev/null
+++ b/Api/ImportManagementInterface.php
@@ -0,0 +1,29 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Api;
+
+use Phpro\Translations\Model\Data\ImportStats;
+
+interface ImportManagementInterface
+{
+    /**
+     * Import Magento translation CSV to the database.
+     * Example structure: "Foo","Foo value",module,Magento_Catalog
+     *
+     * @param string $filePath
+     * @param string $locale
+     * @throws \Exception
+     * @return ImportStats
+     */
+    public function importMagentoCsv(string $filePath, string $locale): ImportStats;
+
+    /**
+     * Import translation CSV (based on export) to the database.
+     * Example structure: "Bar","Bar value",en_US
+     *
+     * @param string $filePath
+     * @return ImportStats
+     */
+    public function importFull(string $filePath): ImportStats;
+}
diff --git a/Api/TranslationDataManagementInterface.php b/Api/TranslationDataManagementInterface.php
new file mode 100644
index 0000000..a14f1dc
--- /dev/null
+++ b/Api/TranslationDataManagementInterface.php
@@ -0,0 +1,34 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Api;
+
+interface TranslationDataManagementInterface
+{
+    /**
+     * Add the translation key for all enabled locales of the Magento instance.
+     * If default translation is not set, the translation key will be used as default translation.
+     *
+     * @param string $translationKey
+     * @param null|string $defaultTranslation
+     */
+    public function prepare(string $translationKey, ?string $defaultTranslation = null);
+
+    /**
+     * Add a translation for given locales.
+     *
+     * @param string $translationKey
+     * @param string $translationValue
+     * @param array $locales
+     */
+    public function create(string $translationKey, string $translationValue, array $locales = []);
+
+    /**
+     * Delete a translation for given translation key and locale(s).
+     * In case no locales are given, all enabled locales will be used.
+     *
+     * @param string $translationKey
+     * @param array|null $locales
+     */
+    public function delete(string $translationKey, ?array $locales = []);
+}
diff --git a/Api/TranslationRepositoryInterface.php b/Api/TranslationRepositoryInterface.php
new file mode 100644
index 0000000..902f664
--- /dev/null
+++ b/Api/TranslationRepositoryInterface.php
@@ -0,0 +1,55 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Api;
+
+use Magento\Framework\Api\SearchCriteriaInterface;
+
+interface TranslationRepositoryInterface
+{
+
+    /**
+     * Save Translation
+     * @param \Phpro\Translations\Api\Data\TranslationInterface $translation
+     * @throws \Magento\Framework\Exception\LocalizedException
+     * @return \Phpro\Translations\Api\Data\TranslationInterface
+     */
+    public function save(
+        Data\TranslationInterface $translation
+    );
+
+    /**
+     * Retrieve Translation
+     * @param string $translationId
+     * @throws \Magento\Framework\Exception\LocalizedException
+     * @return \Phpro\Translations\Api\Data\TranslationInterface
+     */
+    public function getById($translationId);
+
+    /**
+     * Retrieve Translation matching the specified criteria.
+     * @param \Magento\Framework\Api\SearchCriteriaInterface $searchCriteria
+     * @throws \Magento\Framework\Exception\LocalizedException
+     * @return \Phpro\Translations\Api\Data\TranslationSearchResultsInterface
+     */
+    public function getList(
+        SearchCriteriaInterface $searchCriteria
+    );
+
+    /**
+     * Delete translation by given key and locales.
+     * @param string $translationKey
+     * @param array $locales
+     * @return bool true on success
+     */
+    public function deleteByTranslationKeyAndLocales(string $translationKey, array $locales);
+
+    /**
+     * Delete Translation by ID
+     * @param string $translationId
+     * @throws \Magento\Framework\Exception\NoSuchEntityException
+     * @throws \Magento\Framework\Exception\LocalizedException
+     * @return bool true on success
+     */
+    public function deleteById($translationId);
+}
diff --git a/Block/Adminhtml/Translation/Edit/BackButton.php b/Block/Adminhtml/Translation/Edit/BackButton.php
new file mode 100644
index 0000000..0e72792
--- /dev/null
+++ b/Block/Adminhtml/Translation/Edit/BackButton.php
@@ -0,0 +1,33 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Block\Adminhtml\Translation\Edit;
+
+use Magento\Framework\View\Element\UiComponent\Control\ButtonProviderInterface;
+
+class BackButton extends GenericButton implements ButtonProviderInterface
+{
+
+    /**
+     * @return array
+     */
+    public function getButtonData()
+    {
+        return [
+            'label' => __('Back'),
+            'on_click' => sprintf("location.href = '%s';", $this->getBackUrl()),
+            'class' => 'back',
+            'sort_order' => 10
+        ];
+    }
+
+    /**
+     * Get URL for back (reset) button
+     *
+     * @return string
+     */
+    public function getBackUrl()
+    {
+        return $this->getUrl('*/*/');
+    }
+}
diff --git a/Block/Adminhtml/Translation/Edit/DeleteButton.php b/Block/Adminhtml/Translation/Edit/DeleteButton.php
new file mode 100644
index 0000000..1267834
--- /dev/null
+++ b/Block/Adminhtml/Translation/Edit/DeleteButton.php
@@ -0,0 +1,39 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Block\Adminhtml\Translation\Edit;
+
+use Magento\Framework\View\Element\UiComponent\Control\ButtonProviderInterface;
+
+class DeleteButton extends GenericButton implements ButtonProviderInterface
+{
+
+    /**
+     * @return array
+     */
+    public function getButtonData()
+    {
+        $data = [];
+        if ($this->getModelId()) {
+            $data = [
+                'label' => __('Delete Translation'),
+                'class' => 'delete',
+                'on_click' => 'deleteConfirm(\'' . __(
+                    'Are you sure you want to do this?'
+                ) . '\', \'' . $this->getDeleteUrl() . '\')',
+                'sort_order' => 20,
+            ];
+        }
+        return $data;
+    }
+
+    /**
+     * Get URL for delete button
+     *
+     * @return string
+     */
+    public function getDeleteUrl()
+    {
+        return $this->getUrl('*/*/delete', ['key_id' => $this->getModelId()]);
+    }
+}
diff --git a/Block/Adminhtml/Translation/Edit/GenericButton.php b/Block/Adminhtml/Translation/Edit/GenericButton.php
new file mode 100644
index 0000000..f209eae
--- /dev/null
+++ b/Block/Adminhtml/Translation/Edit/GenericButton.php
@@ -0,0 +1,41 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Block\Adminhtml\Translation\Edit;
+
+use Magento\Backend\Block\Widget\Context;
+
+abstract class GenericButton
+{
+    protected $context;
+
+    /**
+     * @param \Magento\Backend\Block\Widget\Context $context
+     */
+    public function __construct(Context $context)
+    {
+        $this->context = $context;
+    }
+
+    /**
+     * Return model ID
+     *
+     * @return int|null
+     */
+    public function getModelId()
+    {
+        return $this->context->getRequest()->getParam('key_id');
+    }
+
+    /**
+     * Generate url by route and parameters
+     *
+     * @param   string $route
+     * @param   array $params
+     * @return  string
+     */
+    public function getUrl($route = '', $params = [])
+    {
+        return $this->context->getUrlBuilder()->getUrl($route, $params);
+    }
+}
diff --git a/Block/Adminhtml/Translation/Edit/SaveAndContinueButton.php b/Block/Adminhtml/Translation/Edit/SaveAndContinueButton.php
new file mode 100644
index 0000000..528e71b
--- /dev/null
+++ b/Block/Adminhtml/Translation/Edit/SaveAndContinueButton.php
@@ -0,0 +1,27 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Block\Adminhtml\Translation\Edit;
+
+use Magento\Framework\View\Element\UiComponent\Control\ButtonProviderInterface;
+
+class SaveAndContinueButton extends GenericButton implements ButtonProviderInterface
+{
+
+    /**
+     * @return array
+     */
+    public function getButtonData()
+    {
+        return [
+            'label' => __('Save and Continue Edit'),
+            'class' => 'save',
+            'data_attribute' => [
+                'mage-init' => [
+                    'button' => ['event' => 'saveAndContinueEdit'],
+                ],
+            ],
+            'sort_order' => 80,
+        ];
+    }
+}
diff --git a/Block/Adminhtml/Translation/Edit/SaveButton.php b/Block/Adminhtml/Translation/Edit/SaveButton.php
new file mode 100644
index 0000000..63eeb5a
--- /dev/null
+++ b/Block/Adminhtml/Translation/Edit/SaveButton.php
@@ -0,0 +1,26 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Block\Adminhtml\Translation\Edit;
+
+use Magento\Framework\View\Element\UiComponent\Control\ButtonProviderInterface;
+
+class SaveButton extends GenericButton implements ButtonProviderInterface
+{
+
+    /**
+     * @return array
+     */
+    public function getButtonData()
+    {
+        return [
+            'label' => __('Save Translation'),
+            'class' => 'save primary',
+            'data_attribute' => [
+                'mage-init' => ['button' => ['event' => 'save']],
+                'form-role' => 'save',
+            ],
+            'sort_order' => 90,
+        ];
+    }
+}
diff --git a/Block/Adminhtml/Translation/GenerateJson/SaveButton.php b/Block/Adminhtml/Translation/GenerateJson/SaveButton.php
new file mode 100644
index 0000000..bb12336
--- /dev/null
+++ b/Block/Adminhtml/Translation/GenerateJson/SaveButton.php
@@ -0,0 +1,27 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Block\Adminhtml\Translation\GenerateJson;
+
+use Magento\Framework\View\Element\UiComponent\Control\ButtonProviderInterface;
+use Phpro\Translations\Block\Adminhtml\Translation\Edit\GenericButton;
+
+class SaveButton extends GenericButton implements ButtonProviderInterface
+{
+
+    /**
+     * @return array
+     */
+    public function getButtonData()
+    {
+        return [
+            'label' => __('Generate translations files'),
+            'class' => 'save primary',
+            'data_attribute' => [
+                'mage-init' => ['button' => ['event' => 'save']],
+                'form-role' => 'save',
+            ],
+            'sort_order' => 90,
+        ];
+    }
+}
diff --git a/CHANGELOG.md b/CHANGELOG.md
new file mode 100644
index 0000000..4c5fa19
--- /dev/null
+++ b/CHANGELOG.md
@@ -0,0 +1,9 @@
+# Changelog
+## [1.0.0] - 2022-01-28
+### Added
+- Simple backend CRUD to manage translations
+- Single and multi-inline editing via the grid-overview
+- Import and export via CSV files via CLI
+- Import and export via default Magento import/export functionality
+- Prepare new translations via data patch scripts
+- (Re)generate frontend translations (JSON translation files) via CLI and backend
\ No newline at end of file
diff --git a/Console/Command/Export.php b/Console/Command/Export.php
new file mode 100644
index 0000000..00be805
--- /dev/null
+++ b/Console/Command/Export.php
@@ -0,0 +1,59 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Console\Command;
+
+use Phpro\Translations\Api\ExportManagementInterface;
+use Symfony\Component\Console\Command\Command;
+use Symfony\Component\Console\Input\InputArgument;
+use Symfony\Component\Console\Input\InputInterface;
+use Symfony\Component\Console\Output\OutputInterface;
+
+class Export extends Command
+{
+    const COMMAND_NAME = 'phpro:translations:export';
+    const ARGUMENT_LOCALES = 'locales';
+
+    /**
+     * @var ExportManagementInterface
+     */
+    private $exporter;
+
+    public function __construct(
+        ExportManagementInterface $exporter
+    ) {
+        $this->exporter = $exporter;
+        parent::__construct();
+    }
+
+    protected function configure(): void
+    {
+        $this->setName(self::COMMAND_NAME);
+        $this->setDescription('Export translations from database to CSV.');
+        $this->addArgument(self::ARGUMENT_LOCALES, InputArgument::IS_ARRAY, 'Locales (multiple locales with a space');
+
+        parent::configure();
+    }
+
+    protected function execute(InputInterface $input, OutputInterface $output): void
+    {
+        try {
+            $locales = $input->getArgument(self::ARGUMENT_LOCALES);
+
+            $output->writeln(
+                sprintf(
+                    '<info>Exporting translations to CSV file</info>'
+                )
+            );
+
+            $exportStats = $this->exporter->export($locales);
+
+            $output->writeln('<info>Csv file: ' . $exportStats->getFileName() . '</info>');
+            $output->writeln('<info>Total written rows: ' . $exportStats->getTotalRows() . '</info>');
+
+            $output->writeln('<info>Done!</info>');
+        } catch (\Exception $e) {
+            $output->writeln('<error>' . $e->getMessage() . '</error>');
+        }
+    }
+}
diff --git a/Console/Command/GenerateFrontendTranslations.php b/Console/Command/GenerateFrontendTranslations.php
new file mode 100644
index 0000000..465ee15
--- /dev/null
+++ b/Console/Command/GenerateFrontendTranslations.php
@@ -0,0 +1,66 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Console\Command;
+
+use Phpro\Translations\Model\Data\InlineGenerateStatsCollection;
+use Phpro\Translations\Model\InlineTranslationsGenerator;
+use Symfony\Component\Console\Command\Command;
+use Symfony\Component\Console\Helper\Table;
+use Symfony\Component\Console\Input\InputArgument;
+use Symfony\Component\Console\Input\InputInterface;
+use Symfony\Component\Console\Output\OutputInterface;
+
+class GenerateFrontendTranslations extends Command
+{
+    const COMMAND_NAME = 'phpro:translations:generate-frontend-translations';
+
+    private $inlineTranslationsGenerator;
+
+    public function __construct(
+        InlineTranslationsGenerator $inlineTranslations
+    ) {
+        $this->inlineTranslationsGenerator = $inlineTranslations;
+        parent::__construct();
+    }
+
+    protected function configure(): void
+    {
+        $this->setName(self::COMMAND_NAME);
+        $this->setDescription('Re-generate the frontend translations (js-translations.json) for given store view.');
+        $this->addArgument('storeId', InputArgument::OPTIONAL, 'Leave empty for all store views', 0);
+        parent::configure();
+    }
+
+    protected function execute(InputInterface $input, OutputInterface $output): void
+    {
+        try {
+            $storeId = (int)$input->getArgument('storeId');
+            $statsCollection = $this->generatedTranslations($storeId);
+
+            $table = new Table($output);
+            $table->setHeaders(['# Translations', 'Store view information', 'Store id']);
+            foreach ($statsCollection as $stats) {
+                $table->addRow([
+                    $stats->getAmountGenerated(),
+                    $stats->getStoreInformation(),
+                    $stats->getStoreId(),
+                ]);
+            }
+            $output->writeln('<info>Inline frontend translations successfully re-generated for:</info>');
+            $table->render();
+            $output->writeln('<info>Please clean full_page and block_html caches manually</info>');
+        } catch (\Exception $e) {
+            $output->writeln('<error>' . $e->getMessage() . '</error>');
+        }
+    }
+
+    private function generatedTranslations(int $storeId): InlineGenerateStatsCollection
+    {
+        if (0 === $storeId) {
+            return $this->inlineTranslationsGenerator->forAll();
+        }
+
+        return $this->inlineTranslationsGenerator->forStores([$storeId]);
+    }
+}
diff --git a/Console/Command/Import.php b/Console/Command/Import.php
new file mode 100644
index 0000000..9ce7f3d
--- /dev/null
+++ b/Console/Command/Import.php
@@ -0,0 +1,81 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Console\Command;
+
+use Magento\Framework\App\Cache\Manager;
+use Phpro\Translations\Api\ImportManagementInterface;
+use Symfony\Component\Console\Command\Command;
+use Symfony\Component\Console\Input\InputArgument;
+use Symfony\Component\Console\Input\InputInterface;
+use Symfony\Component\Console\Input\InputOption;
+use Symfony\Component\Console\Output\OutputInterface;
+
+class Import extends Command
+{
+    const COMMAND_NAME = 'phpro:translations:import';
+    const ARGUMENT_CSV_FILE = 'csvfile';
+    const ARGUMENT_LOCALE = 'locale';
+    const OPTION_CLEAR_CACHE = 'clear-cache';
+
+    /**
+     * @var ImportManagementInterface
+     */
+    private $importer;
+    /**
+     * @var Manager
+     */
+    private $cacheManager;
+
+    public function __construct(
+        ImportManagementInterface $importer,
+        Manager $cacheManager
+    ) {
+        $this->importer = $importer;
+        $this->cacheManager = $cacheManager;
+        parent::__construct();
+    }
+
+    protected function configure(): void
+    {
+        $this->setName(self::COMMAND_NAME);
+        $this->setDescription('Import Magento translation CSVs to the database.');
+        $this->addArgument(self::ARGUMENT_CSV_FILE, InputArgument::REQUIRED);
+        $this->addArgument(self::ARGUMENT_LOCALE, InputArgument::REQUIRED);
+        $this->addOption(self::OPTION_CLEAR_CACHE, null, InputOption::VALUE_NONE, 'Clear related caches');
+
+        parent::configure();
+    }
+
+    protected function execute(InputInterface $input, OutputInterface $output): void
+    {
+        try {
+            $csvFile = $input->getArgument(self::ARGUMENT_CSV_FILE);
+            $locale = $input->getArgument(self::ARGUMENT_LOCALE);
+
+            $output->writeln(
+                sprintf(
+                    '<info>Importing CSV file %s for locale %s</info>',
+                    $csvFile,
+                    $locale
+                )
+            );
+
+            $importStats = $this->importer->importMagentoCsv($csvFile, $locale);
+
+            $output->writeln('<info>#created: ' . $importStats->getCreatedCount() . '</info>');
+            $output->writeln('<info>#skipped: ' . $importStats->getSkippedCount() . '</info>');
+            $output->writeln('<info>#failed: ' . $importStats->getFailedCount() . '</info>');
+
+            if (false !== $input->hasOption(self::OPTION_CLEAR_CACHE)) {
+                $cacheTypes = ['full_page', 'block_html', 'translate'];
+                $this->cacheManager->clean(['full_page', 'block_html', 'translate']);
+                $output->writeln('<info>Caches cleared: ' . implode(', ', $cacheTypes) . '</info>');
+            }
+
+            $output->writeln('<info>Done!</info>');
+        } catch (\Exception $e) {
+            $output->writeln('<error>' . $e->getMessage() . '</error>');
+        }
+    }
+}
diff --git a/Console/Command/ImportFull.php b/Console/Command/ImportFull.php
new file mode 100644
index 0000000..8742587
--- /dev/null
+++ b/Console/Command/ImportFull.php
@@ -0,0 +1,77 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Console\Command;
+
+use Magento\Framework\App\Cache\Manager;
+use Phpro\Translations\Api\ImportManagementInterface;
+use Symfony\Component\Console\Command\Command;
+use Symfony\Component\Console\Input\InputArgument;
+use Symfony\Component\Console\Input\InputInterface;
+use Symfony\Component\Console\Input\InputOption;
+use Symfony\Component\Console\Output\OutputInterface;
+
+class ImportFull extends Command
+{
+    const COMMAND_NAME = 'phpro:translations:import-full';
+    const ARGUMENT_CSV_FILE = 'csvfile';
+    const OPTION_CLEAR_CACHE = 'clear-cache';
+
+    /**
+     * @var ImportManagementInterface
+     */
+    private $importer;
+    /**
+     * @var Manager
+     */
+    private $cacheManager;
+
+    public function __construct(
+        ImportManagementInterface $importer,
+        Manager $cacheManager
+    ) {
+        $this->importer = $importer;
+        $this->cacheManager = $cacheManager;
+        parent::__construct();
+    }
+
+    protected function configure(): void
+    {
+        $this->setName(self::COMMAND_NAME);
+        $this->setDescription('Import translation CSVs to the database based on exports.');
+        $this->addArgument(self::ARGUMENT_CSV_FILE, InputArgument::REQUIRED);
+        $this->addOption(self::OPTION_CLEAR_CACHE, null, InputOption::VALUE_NONE, 'Clear related caches');
+
+        parent::configure();
+    }
+
+    protected function execute(InputInterface $input, OutputInterface $output): void
+    {
+        try {
+            $csvFile = $input->getArgument(self::ARGUMENT_CSV_FILE);
+
+            $output->writeln(
+                sprintf(
+                    '<info>Importing CSV file %s</info>',
+                    $csvFile
+                )
+            );
+
+            $importStats = $this->importer->importFull($csvFile);
+
+            $output->writeln('<info>#created: ' . $importStats->getCreatedCount() . '</info>');
+            $output->writeln('<info>#skipped: ' . $importStats->getSkippedCount() . '</info>');
+            $output->writeln('<info>#failed: ' . $importStats->getFailedCount() . '</info>');
+
+            if (false !== $input->hasOption(self::OPTION_CLEAR_CACHE)) {
+                $cacheTypes = ['full_page', 'block_html', 'translate'];
+                $this->cacheManager->clean(['full_page', 'block_html', 'translate']);
+                $output->writeln('<info>Caches cleared: ' . implode(', ', $cacheTypes) . '</info>');
+            }
+
+            $output->writeln('<info>Done!</info>');
+        } catch (\Exception $e) {
+            $output->writeln('<error>' . $e->getMessage() . '</error>');
+        }
+    }
+}
diff --git a/Console/Command/PrepareKeysCommand.php b/Console/Command/PrepareKeysCommand.php
new file mode 100644
index 0000000..e0bbbda
--- /dev/null
+++ b/Console/Command/PrepareKeysCommand.php
@@ -0,0 +1,89 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Console\Command;
+
+use Magento\Setup\Module\I18n\Dictionary\Options\ResolverFactory;
+use Magento\Setup\Module\I18n\Parser\Adapter\Html;
+use Magento\Setup\Module\I18n\Parser\Adapter\Js;
+use Magento\Setup\Module\I18n\Parser\Adapter\Php;
+use Magento\Setup\Module\I18n\Parser\Adapter\Php\Tokenizer;
+use Magento\Setup\Module\I18n\Parser\Adapter\Php\Tokenizer\PhraseCollector;
+use Magento\Setup\Module\I18n\Parser\Adapter\Xml;
+use Magento\Setup\Module\I18n\Parser\Parser;
+use Phpro\Translations\Api\TranslationDataManagementInterface;
+use Symfony\Component\Console\Command\Command;
+use Symfony\Component\Console\Input\InputInterface;
+use Symfony\Component\Console\Output\OutputInterface;
+
+class PrepareKeysCommand extends Command
+{
+    /**
+     * @var ResolverFactory
+     */
+    private $optionResolverFactory;
+
+    /**
+     * @var Parser
+     */
+    private $parser;
+
+    /**
+     * @var TranslationDataManagementInterface
+     */
+    private $translationDataManagement;
+
+    public function __construct(
+        ResolverFactory $optionResolverFactory,
+        Parser $parser,
+        TranslationDataManagementInterface $translationDataManagement,
+        string $name = null
+    ) {
+        $this->optionResolverFactory = $optionResolverFactory;
+        $this->parser = $parser;
+
+        parent::__construct($name);
+        $this->translationDataManagement = $translationDataManagement;
+    }
+
+    /**
+     * @inheritDoc
+     */
+    protected function configure()
+    {
+        $this->setName('phpro:translations:prepare-keys');
+        $this->setDescription('Prepare translations keys');
+        parent::configure();
+    }
+
+    /**
+     * CLI command description
+     *
+     * @param InputInterface  $input
+     * @param OutputInterface $output
+     *
+     * @return void
+     */
+    protected function execute(InputInterface $input, OutputInterface $output): void
+    {
+        $phraseCollector = new PhraseCollector(new Tokenizer());
+        $adapters = [
+            'php' => new Php($phraseCollector),
+            'html' => new Html(),
+            'js' => new Js(),
+            'xml' => new Xml(),
+        ];
+        $optionResolver = $this->optionResolverFactory->create(BP, false);
+        foreach ($adapters as $type => $adapter) {
+            $this->parser->addAdapter($type, $adapter);
+        }
+        $this->parser->parse($optionResolver->getOptions());
+        $phraseList = $this->parser->getPhrases();
+
+        foreach ($phraseList as $phrase) {
+            $this->translationDataManagement->prepare($phrase->getPhrase(), $phrase->getTranslation());
+        }
+
+        $output->writeln('<info>Keys successfully created.</info>');
+    }
+}
diff --git a/Controller/Adminhtml/Translation.php b/Controller/Adminhtml/Translation.php
new file mode 100644
index 0000000..d965701
--- /dev/null
+++ b/Controller/Adminhtml/Translation.php
@@ -0,0 +1,26 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Controller\Adminhtml;
+
+use Magento\Backend\App\Action;
+use Magento\Backend\App\Action\Context;
+
+abstract class Translation extends Action
+{
+    const ADMIN_RESOURCE = 'Phpro_Translations::translations';
+
+    /**
+     * Init page
+     *
+     * @param \Magento\Backend\Model\View\Result\Page $resultPage
+     * @return \Magento\Backend\Model\View\Result\Page
+     */
+    public function initPage($resultPage)
+    {
+        $resultPage->setActiveMenu(self::ADMIN_RESOURCE)
+            ->addBreadcrumb(__('Phpro'), __('Phpro'))
+            ->addBreadcrumb(__('Translations'), __('Translations'));
+        return $resultPage;
+    }
+}
diff --git a/Controller/Adminhtml/Translation/Delete.php b/Controller/Adminhtml/Translation/Delete.php
new file mode 100644
index 0000000..987bf15
--- /dev/null
+++ b/Controller/Adminhtml/Translation/Delete.php
@@ -0,0 +1,50 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Controller\Adminhtml\Translation;
+
+use Magento\Backend\App\Action\Context;
+use Phpro\Translations\Api\TranslationRepositoryInterface;
+use Phpro\Translations\Controller\Adminhtml\Translation;
+
+class Delete extends Translation
+{
+    const ADMIN_RESOURCE = 'Phpro_Translations::Translation_delete';
+
+    /**
+     * @var TranslationRepositoryInterface
+     */
+    private $translationRepository;
+
+    public function __construct(
+        Context $context,
+        TranslationRepositoryInterface $translationRepository
+    ) {
+        parent::__construct($context);
+        $this->translationRepository = $translationRepository;
+    }
+
+    /**
+     * @inheridoc
+     */
+    public function execute()
+    {
+        /** @var \Magento\Backend\Model\View\Result\Redirect $resultRedirect */
+        $resultRedirect = $this->resultRedirectFactory->create();
+        $id = (int)$this->getRequest()->getParam('key_id');
+        if ($id) {
+            try {
+                $this->translationRepository->deleteById($id);
+                $this->messageManager->addSuccessMessage(__('You deleted the Translation.'));
+                return $resultRedirect->setPath('*/*/');
+            } catch (\Exception $e) {
+                $this->messageManager->addErrorMessage($e->getMessage());
+                return $resultRedirect->setPath('*/*/edit', ['key_id' => $id]);
+            }
+        }
+
+        $this->messageManager->addErrorMessage(__('We can\'t find a Translation to delete.'));
+
+        return $resultRedirect->setPath('*/*/');
+    }
+}
diff --git a/Controller/Adminhtml/Translation/DoGenerate.php b/Controller/Adminhtml/Translation/DoGenerate.php
new file mode 100644
index 0000000..e6ae713
--- /dev/null
+++ b/Controller/Adminhtml/Translation/DoGenerate.php
@@ -0,0 +1,77 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Controller\Adminhtml\Translation;
+
+use Magento\Backend\App\Action;
+use Magento\Backend\App\Action\Context;
+use Magento\Framework\App\Cache\Type\Block;
+use Magento\Framework\App\Cache\Type\Translate;
+use Magento\Framework\App\Cache\TypeListInterface;
+use Magento\PageCache\Model\Cache\Type;
+use Phpro\Translations\Model\Data\InlineGenerateStatsCollection;
+use Phpro\Translations\Model\InlineTranslationsGenerator;
+
+class DoGenerate extends Action
+{
+    /**
+     * @var InlineTranslationsGenerator
+     */
+    private $inlineTranslationsGenerator;
+    /**
+     * @var TypeListInterface
+     */
+    private $cacheTypeList;
+
+    public function __construct(
+        Context $context,
+        InlineTranslationsGenerator $inlineTranslationsGenerator,
+        TypeListInterface $cacheTypeList
+    ) {
+        $this->inlineTranslationsGenerator = $inlineTranslationsGenerator;
+        $this->cacheTypeList = $cacheTypeList;
+        parent::__construct($context);
+    }
+
+    /**
+     * @inheritDoc
+     */
+    public function execute()
+    {
+        /** @var \Magento\Backend\Model\View\Result\Redirect $resultRedirect */
+        $resultRedirect = $this->resultRedirectFactory->create();
+        $data = $this->getRequest()->getPostValue();
+
+        if (!isset($data['storeviews'])) {
+            return $resultRedirect->setPath('*/*/generatejson');
+        }
+
+        $statsCollection = $this->generatedTranslations(
+            array_map(function ($storeId) {
+                return (int)$storeId;
+            }, $data['storeviews'])
+        );
+
+        $this->messageManager->addComplexSuccessMessage(
+            'inlineGenerateSuccessMessage',
+            [
+                'statsItems' => $statsCollection->toArray()
+            ]
+        );
+
+        $this->cacheTypeList->invalidate(Type::TYPE_IDENTIFIER);
+        $this->cacheTypeList->invalidate(Block::TYPE_IDENTIFIER);
+        $this->cacheTypeList->invalidate(Translate::TYPE_IDENTIFIER);
+
+        return $resultRedirect->setPath('*/*/generatejson');
+    }
+
+    private function generatedTranslations(array $storeIds): InlineGenerateStatsCollection
+    {
+        if (isset($storeIds[0]) && (0 === $storeIds[0])) {
+            return $this->inlineTranslationsGenerator->forAll();
+        }
+
+        return $this->inlineTranslationsGenerator->forStores($storeIds);
+    }
+}
diff --git a/Controller/Adminhtml/Translation/Edit.php b/Controller/Adminhtml/Translation/Edit.php
new file mode 100644
index 0000000..ee489ad
--- /dev/null
+++ b/Controller/Adminhtml/Translation/Edit.php
@@ -0,0 +1,68 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Controller\Adminhtml\Translation;
+
+use Magento\Backend\App\Action\Context;
+use Magento\Framework\Exception\LocalizedException;
+use Magento\Framework\Registry;
+use Magento\Framework\View\Result\PageFactory;
+use Phpro\Translations\Api\TranslationRepositoryInterface;
+use Phpro\Translations\Controller\Adminhtml\Translation;
+
+class Edit extends Translation
+{
+    const ADMIN_RESOURCE = 'Phpro_Translations::Translation_update';
+
+    /**
+     * @var PageFactory
+     */
+    private $resultPageFactory;
+
+    /**
+     * @var TranslationRepositoryInterface
+     */
+    private $translationRepository;
+
+    /**
+     * @var Registry
+     */
+    private $coreRegistry;
+
+    public function __construct(
+        Context $context,
+        Registry $coreRegistry,
+        PageFactory $resultPageFactory,
+        TranslationRepositoryInterface $translationRepository
+    ) {
+        parent::__construct($context);
+        $this->resultPageFactory = $resultPageFactory;
+        $this->translationRepository = $translationRepository;
+        $this->coreRegistry = $coreRegistry;
+    }
+
+    /**
+     * @inheridoc
+     */
+    public function execute()
+    {
+        try {
+            $translationId = $this->getRequest()->getParam('key_id');
+            $translationDataModel = $this->translationRepository->getById($translationId);
+            $this->coreRegistry->register('phpro_translations_translation', $translationDataModel);
+            $resultPage = $this->resultPageFactory->create();
+
+            $this->initPage($resultPage)->addBreadcrumb(__('Edit Translation'), __('Edit Translation'));
+            $resultPage->getConfig()->getTitle()->prepend(__('Translations'));
+            $resultPage->getConfig()->getTitle()->prepend(__('Edit Translation %1', $translationDataModel->getKeyId()));
+
+            return $resultPage;
+        } catch (LocalizedException $e) {
+            $this->messageManager->addErrorMessage($e->getMessage());
+        } catch (\Exception $e) {
+            $this->messageManager->addExceptionMessage($e, __('Something went wrong during loading translation.'));
+        }
+
+        return $this->resultRedirectFactory->create()->setPath('*/*/');
+    }
+}
diff --git a/Controller/Adminhtml/Translation/GenerateJson.php b/Controller/Adminhtml/Translation/GenerateJson.php
new file mode 100644
index 0000000..e1c7773
--- /dev/null
+++ b/Controller/Adminhtml/Translation/GenerateJson.php
@@ -0,0 +1,42 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Controller\Adminhtml\Translation;
+
+use Magento\Backend\App\Action\Context;
+use Magento\Backend\Model\View\Result\Page;
+use Magento\Framework\View\Result\PageFactory;
+use Phpro\Translations\Controller\Adminhtml\Translation;
+
+class GenerateJson extends Translation
+{
+    /**
+     * @var PageFactory
+     */
+    private $resultPageFactory;
+
+    public function __construct(
+        Context $context,
+        PageFactory $resultPageFactory
+    ) {
+        parent::__construct($context);
+        $this->resultPageFactory = $resultPageFactory;
+    }
+
+    /**
+     * @inheridoc
+     */
+    public function execute()
+    {
+        /** @var Page $resultPage */
+        $resultPage = $this->resultPageFactory->create();
+        $this->initPage($resultPage)->addBreadcrumb(
+            __('Generate Frontend Translations'),
+            __('Generate Frontend Translations')
+        );
+
+        $resultPage->getConfig()->getTitle()->prepend(__('Translations'));
+        $resultPage->getConfig()->getTitle()->prepend(__('Generate Frontend Translations'));
+        return $resultPage;
+    }
+}
diff --git a/Controller/Adminhtml/Translation/Index.php b/Controller/Adminhtml/Translation/Index.php
new file mode 100644
index 0000000..5bf1f98
--- /dev/null
+++ b/Controller/Adminhtml/Translation/Index.php
@@ -0,0 +1,36 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Controller\Adminhtml\Translation;
+
+use Magento\Backend\App\Action;
+use Magento\Backend\App\Action\Context;
+use Magento\Framework\View\Result\PageFactory;
+
+class Index extends Action
+{
+    const ADMIN_RESOURCE = 'Phpro_Translations::Translation';
+
+    /**
+     * @var PageFactory
+     */
+    private $resultPageFactory;
+
+    public function __construct(
+        Context $context,
+        PageFactory $resultPageFactory
+    ) {
+        $this->resultPageFactory = $resultPageFactory;
+        parent::__construct($context);
+    }
+
+    /**
+     * @inheridoc
+     */
+    public function execute()
+    {
+        $resultPage = $this->resultPageFactory->create();
+        $resultPage->getConfig()->getTitle()->prepend(__("Translations"));
+        return $resultPage;
+    }
+}
diff --git a/Controller/Adminhtml/Translation/InlineEdit.php b/Controller/Adminhtml/Translation/InlineEdit.php
new file mode 100644
index 0000000..1433bd9
--- /dev/null
+++ b/Controller/Adminhtml/Translation/InlineEdit.php
@@ -0,0 +1,67 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Controller\Adminhtml\Translation;
+
+use Magento\Backend\App\Action;
+use Magento\Backend\App\Action\Context;
+use Magento\Framework\Controller\Result\JsonFactory;
+use Phpro\Translations\Model\TranslationFactory;
+
+class InlineEdit extends Action
+{
+    /**
+     * @var JsonFactory
+     */
+    private $jsonFactory;
+    /**
+     * @var TranslationFactory
+     */
+    private $translationFactory;
+
+    public function __construct(
+        Context $context,
+        JsonFactory $jsonFactory,
+        TranslationFactory $translationFactory
+    ) {
+        parent::__construct($context);
+        $this->jsonFactory = $jsonFactory;
+        $this->translationFactory = $translationFactory;
+    }
+
+    /**
+     * @inheridoc
+     */
+    public function execute()
+    {
+        /** @var \Magento\Framework\Controller\Result\Json $resultJson */
+        $resultJson = $this->jsonFactory->create();
+        $error = false;
+        $messages = [];
+
+        if ($this->getRequest()->getParam('isAjax')) {
+            $postItems = $this->getRequest()->getParam('items', []);
+            if (!count($postItems)) {
+                $messages[] = __('Please correct the data sent.');
+                $error = true;
+            } else {
+                foreach (array_keys($postItems) as $entityId) {
+                    $model = $this->translationFactory->create()->load($entityId);
+                    try {
+                        // phpcs:ignore
+                        $model->setData(array_merge($model->getData(), $postItems[$entityId]));
+                        $model->save();
+                    } catch (\Exception $e) {
+                        $messages[] = "[Translation ID: {$entityId}]  {$e->getMessage()}";
+                        $error = true;
+                    }
+                }
+            }
+        }
+
+        return $resultJson->setData([
+            'messages' => $messages,
+            'error' => $error
+        ]);
+    }
+}
diff --git a/Controller/Adminhtml/Translation/NewAction.php b/Controller/Adminhtml/Translation/NewAction.php
new file mode 100644
index 0000000..cefdfc7
--- /dev/null
+++ b/Controller/Adminhtml/Translation/NewAction.php
@@ -0,0 +1,40 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Controller\Adminhtml\Translation;
+
+use Magento\Backend\App\Action\Context;
+use Magento\Framework\View\Result\PageFactory;
+use Phpro\Translations\Controller\Adminhtml\Translation;
+
+class NewAction extends Translation
+{
+    const ADMIN_RESOURCE = 'Phpro_Translations::Translation_new_action';
+
+    /**
+     * @var PageFactory
+     */
+    private $resultPageFactory;
+
+    public function __construct(
+        Context $context,
+        PageFactory $resultPageFactory
+    ) {
+        parent::__construct($context);
+        $this->resultPageFactory = $resultPageFactory;
+    }
+
+    /**
+     * @inheridoc
+     */
+    public function execute()
+    {
+        /** @var \Magento\Backend\Model\View\Result\Page $resultPage */
+        $resultPage = $this->resultPageFactory->create();
+        $this->initPage($resultPage)->addBreadcrumb(__('New Translation'), __('New Translation'));
+        $resultPage->getConfig()->getTitle()->prepend(__('Translations'));
+        $resultPage->getConfig()->getTitle()->prepend(__('New Translation'));
+
+        return $resultPage;
+    }
+}
diff --git a/Controller/Adminhtml/Translation/Save.php b/Controller/Adminhtml/Translation/Save.php
new file mode 100644
index 0000000..618051e
--- /dev/null
+++ b/Controller/Adminhtml/Translation/Save.php
@@ -0,0 +1,81 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Controller\Adminhtml\Translation;
+
+use Magento\Backend\App\Action;
+use Magento\Backend\App\Action\Context;
+use Magento\Framework\App\Request\DataPersistorInterface;
+use Magento\Framework\Exception\LocalizedException;
+use Magento\Framework\Exception\NoSuchEntityException;
+use Phpro\Translations\Api\TranslationRepositoryInterface;
+
+class Save extends Action
+{
+    const ADMIN_RESOURCE = 'Phpro_Translations::Translation_save';
+
+    /**
+     * @var DataPersistorInterface
+     */
+    private $dataPersistor;
+
+    /**
+     * @var TranslationRepositoryInterface
+     */
+    private $translationRepository;
+
+    public function __construct(
+        Context $context,
+        DataPersistorInterface $dataPersistor,
+        TranslationRepositoryInterface $translationRepository
+    ) {
+        $this->dataPersistor = $dataPersistor;
+        $this->translationRepository = $translationRepository;
+        parent::__construct($context);
+    }
+
+    /**
+     * @inheridoc
+     */
+    public function execute()
+    {
+        /** @var \Magento\Backend\Model\View\Result\Redirect $resultRedirect */
+        $resultRedirect = $this->resultRedirectFactory->create();
+        $data = $this->getRequest()->getPostValue();
+        $translationId = $this->getRequest()->getParam('key_id');
+        if (!$translationId || !$data) {
+            return $resultRedirect->setPath('*/*/');
+        }
+
+        try {
+            $translationDataModel = $this->translationRepository->getById($translationId);
+
+            // Fix issue: for some reason the "locale" of the backend-theme is changed if field was named "locale".
+            $translationDataModel->setLocale($this->getRequest()->getParam('locale_field'));
+            $translationDataModel->setString($this->getRequest()->getParam('string'));
+            $translationDataModel->setTranslate($this->getRequest()->getParam('translate'));
+            $translationDataModel->setFrontend($this->getRequest()->getParam('frontend'));
+
+            $model = $this->translationRepository->save($translationDataModel);
+
+            $this->messageManager->addSuccessMessage(__('The translation was successfully updated.'));
+            $this->dataPersistor->clear('phpro_translations_translation');
+
+            if ($this->getRequest()->getParam('back')) {
+                return $resultRedirect->setPath('*/*/edit', ['key_id' => $model->getKeyId()]);
+            }
+
+            return $resultRedirect->setPath('*/*/');
+        } catch (NoSuchEntityException $e) {
+            $this->messageManager->addErrorMessage($e->getMessage());
+            return $resultRedirect->setPath('*/*/');
+        } catch (LocalizedException $e) {
+            $this->messageManager->addErrorMessage($e->getMessage());
+        } catch (\Exception $e) {
+            $this->messageManager->addExceptionMessage($e, __('Something went wrong while saving the translation.'));
+        }
+
+        $this->dataPersistor->set('phpro_translations_translation', $data);
+        return $resultRedirect->setPath('*/*/edit', ['key_id' => $this->getRequest()->getParam('key_id')]);
+    }
+}
diff --git a/Controller/Adminhtml/Translation/SaveNew.php b/Controller/Adminhtml/Translation/SaveNew.php
new file mode 100644
index 0000000..089a8ef
--- /dev/null
+++ b/Controller/Adminhtml/Translation/SaveNew.php
@@ -0,0 +1,104 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Controller\Adminhtml\Translation;
+
+use Magento\Backend\App\Action;
+use Magento\Backend\App\Action\Context;
+use Magento\Framework\App\Request\DataPersistorInterface;
+use Magento\Framework\App\RequestInterface;
+use Magento\Framework\Exception\LocalizedException;
+use Phpro\Translations\Model\TranslationManagement;
+
+class SaveNew extends Action
+{
+    const ADMIN_RESOURCE = 'Phpro_Translations::Translation_save';
+
+    /**
+     * @var DataPersistorInterface
+     */
+    private $dataPersistor;
+
+    /**
+     * @var TranslationManagement
+     */
+    private $translationManagement;
+
+    public function __construct(
+        Context $context,
+        DataPersistorInterface $dataPersistor,
+        TranslationManagement $translationManagement
+    ) {
+        parent::__construct($context);
+        $this->dataPersistor = $dataPersistor;
+        $this->translationManagement = $translationManagement;
+    }
+
+    /**
+     * @inheridoc
+     */
+    public function execute()
+    {
+        /** @var \Magento\Backend\Model\View\Result\Redirect $resultRedirect */
+        $resultRedirect = $this->resultRedirectFactory->create();
+        $data = $this->getRequest()->getPostValue();
+        if (!$data) {
+            return $resultRedirect->setPath('*/*/');
+        }
+
+        try {
+            $this->createTranslations($this->getRequest());
+            $this->dataPersistor->clear('phpro_translations_translation');
+            return $resultRedirect->setPath('*/*/');
+        } catch (LocalizedException $e) {
+            $this->messageManager->addErrorMessage($e->getMessage());
+        } catch (\Exception $e) {
+            $this->messageManager->addExceptionMessage($e, __('Something went wrong while saving the translation.'));
+        }
+
+        $this->dataPersistor->set('phpro_translations_translation', $data);
+        return $resultRedirect->setPath('*/*/new');
+    }
+
+    /**
+     * Create all translations for given locales.
+     *
+     * @param RequestInterface $request
+     */
+    private function createTranslations(RequestInterface $request): void
+    {
+        $locales = $request->getParam('locale_field');
+        $translationKey = $this->getRequest()->getParam('string');
+        $translationValue = $this->getRequest()->getParam('translate');
+        $frontend = $this->getRequest()->getParam('frontend');
+        $successSavedLocales = [];
+        foreach ($locales as $locale) {
+            try {
+                $this->translationManagement->addTranslation(
+                    $translationKey,
+                    $translationValue,
+                    $locale,
+                    $frontend
+                );
+                $successSavedLocales[] = $locale;
+            } catch (LocalizedException $e) {
+                $this->messageManager->addErrorMessage(
+                    __('Translation save failed for locale %1: %2', $locale, $e->getMessage())
+                );
+            } catch (\Exception $e) {
+                $this->messageManager->addExceptionMessage(
+                    $e,
+                    __('Translation save failed for locale %1: unknown error.')
+                );
+            }
+        }
+
+        if (0 >= count($successSavedLocales)) {
+            return;
+        }
+
+        $this->messageManager->addSuccessMessage(
+            __('The translation was successfully created for locale(s) %1.', implode(', ', $successSavedLocales))
+        );
+    }
+}
diff --git a/Files/Sample/translations.csv b/Files/Sample/translations.csv
new file mode 100644
index 0000000..acd4390
--- /dev/null
+++ b/Files/Sample/translations.csv
@@ -0,0 +1,5 @@
+key,translation,locale
+"First translation key","First value","en_US"
+"First translation key","Eerste waarde","nl_NL"
+"Second translation key","Second value","en_US"
+"Third translation key","Derde waarde","nl_NL"
diff --git a/LICENSE b/LICENSE
new file mode 100644
index 0000000..0837d18
--- /dev/null
+++ b/LICENSE
@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2022 Phpro
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
\ No newline at end of file
diff --git a/Model/Data/ExportStats.php b/Model/Data/ExportStats.php
new file mode 100644
index 0000000..679520b
--- /dev/null
+++ b/Model/Data/ExportStats.php
@@ -0,0 +1,38 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Model\Data;
+
+class ExportStats
+{
+    /**
+     * @var string
+     */
+    private $fileName;
+
+    /**
+     * @var int
+     */
+    private $totalRows;
+
+    public function __construct(string $fileName, int $totalRows)
+    {
+        $this->fileName = $fileName;
+        $this->totalRows = $totalRows;
+    }
+
+    public static function fromRawData(string $fileName, int $totalRows): ExportStats
+    {
+        return new self($fileName, $totalRows);
+    }
+
+    public function getFileName(): string
+    {
+        return $this->fileName;
+    }
+
+    public function getTotalRows(): int
+    {
+        return $this->totalRows;
+    }
+}
diff --git a/Model/Data/ImportStats.php b/Model/Data/ImportStats.php
new file mode 100644
index 0000000..aed8823
--- /dev/null
+++ b/Model/Data/ImportStats.php
@@ -0,0 +1,52 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Model\Data;
+
+class ImportStats
+{
+    /**
+     * @var array
+     */
+    private $created = [];
+
+    /**
+     * @var array
+     */
+    private $skipped = [];
+
+    /**
+     * @var array
+     */
+    private $failed = [];
+
+    public function addCreated(int $row, string $key)
+    {
+        $this->created[$row] = $key;
+    }
+
+    public function getCreatedCount(): int
+    {
+        return count($this->created);
+    }
+
+    public function addFailed(int $row, string $reason)
+    {
+        $this->failed[$row] = $reason;
+    }
+
+    public function getFailedCount(): int
+    {
+        return count($this->failed);
+    }
+
+    public function addSkipped(int $row, string $reason)
+    {
+        $this->skipped[$row] = $reason;
+    }
+
+    public function getSkippedCount(): int
+    {
+        return count($this->skipped);
+    }
+}
diff --git a/Model/Data/InlineGenerateStats.php b/Model/Data/InlineGenerateStats.php
new file mode 100644
index 0000000..3dff6ce
--- /dev/null
+++ b/Model/Data/InlineGenerateStats.php
@@ -0,0 +1,42 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Model\Data;
+
+class InlineGenerateStats
+{
+    /**
+     * @var string
+     */
+    public $storeInformation;
+    /**
+     * @var int
+     */
+    public $storeId;
+    /**
+     * @var int
+     */
+    public $amountGenerated;
+
+    public function __construct(string $storeInformation, int $storeId, int $amountGenerated)
+    {
+        $this->storeInformation = $storeInformation;
+        $this->storeId = $storeId;
+        $this->amountGenerated = $amountGenerated;
+    }
+
+    public function getStoreInformation(): string
+    {
+        return $this->storeInformation;
+    }
+
+    public function getStoreId(): int
+    {
+        return $this->storeId;
+    }
+
+    public function getAmountGenerated(): int
+    {
+        return $this->amountGenerated;
+    }
+}
diff --git a/Model/Data/InlineGenerateStatsCollection.php b/Model/Data/InlineGenerateStatsCollection.php
new file mode 100644
index 0000000..79d2ea6
--- /dev/null
+++ b/Model/Data/InlineGenerateStatsCollection.php
@@ -0,0 +1,53 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Model\Data;
+
+use ArrayIterator;
+use Countable;
+use IteratorAggregate;
+
+class InlineGenerateStatsCollection implements IteratorAggregate, Countable
+{
+    /**
+     * @var InlineGenerateStats[]
+     */
+    private $statsItems;
+
+    public function __construct(InlineGenerateStats ...$statsItems)
+    {
+        $this->statsItems = $statsItems;
+    }
+
+    public function add(InlineGenerateStats $stats)
+    {
+        $this->statsItems[] = $stats;
+    }
+
+    /**
+     * @return ArrayIterator|InlineGenerateStats[]
+     */
+    public function getIterator()
+    {
+        return new ArrayIterator($this->statsItems);
+    }
+
+    public function count(): int
+    {
+        return \count($this->statsItems);
+    }
+
+    public function toArray(): array
+    {
+        $result = [];
+        foreach ($this->statsItems as $stats) {
+            $result[] = sprintf(
+                '<b>%s</b> translations for store <b>%s</b>',
+                $stats->getAmountGenerated(),
+                $stats->getStoreInformation()
+            );
+        }
+
+        return $result;
+    }
+}
diff --git a/Model/Data/Translation.php b/Model/Data/Translation.php
new file mode 100644
index 0000000..cb4fc1f
--- /dev/null
+++ b/Model/Data/Translation.php
@@ -0,0 +1,80 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Model\Data;
+
+use Magento\Framework\Api\AbstractExtensibleObject;
+use Phpro\Translations\Api\Data\TranslationInterface;
+
+class Translation extends AbstractExtensibleObject implements TranslationInterface
+{
+    public function getKeyId()
+    {
+        return $this->_get(self::KEY_ID);
+    }
+
+    public function setKeyId($keyId)
+    {
+        return $this->setData(self::KEY_ID, $keyId);
+    }
+
+    public function getString()
+    {
+        return $this->_get(self::STRING);
+    }
+
+    public function setString($string)
+    {
+        return $this->setData(self::STRING, $string);
+    }
+
+    public function getLocale()
+    {
+        return $this->_get(self::LOCALE);
+    }
+
+    public function setLocale($locale)
+    {
+        return $this->setData(self::LOCALE, $locale);
+    }
+
+    public function getTranslate()
+    {
+        return $this->_get(self::TRANSLATE);
+    }
+
+    public function setTranslate($translate)
+    {
+        return $this->setData(self::TRANSLATE, $translate);
+    }
+
+    public function getFrontend()
+    {
+        return (boolean) $this->_get(self::FRONTEND);
+    }
+
+    public function setFrontend($translate)
+    {
+        return $this->setData(self::FRONTEND, $translate);
+    }
+
+    /**
+     * Retrieve existing extension attributes object or create a new one.
+     * @return \Phpro\Translations\Api\Data\TranslationExtensionInterface|null
+     */
+    public function getExtensionAttributes()
+    {
+        return $this->_getExtensionAttributes();
+    }
+
+    /**
+     * Set an extension attributes object.
+     * @param \Phpro\Translations\Api\Data\TranslationExtensionInterface $extensionAttributes
+     * @return $this
+     */
+    public function setExtensionAttributes(
+        \Phpro\Translations\Api\Data\TranslationExtensionInterface $extensionAttributes
+    ) {
+        return $this->_setExtensionAttributes($extensionAttributes);
+    }
+}
diff --git a/Model/ExportManagement.php b/Model/ExportManagement.php
new file mode 100644
index 0000000..9a3bd3e
--- /dev/null
+++ b/Model/ExportManagement.php
@@ -0,0 +1,92 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Model;
+
+use Magento\Framework\Api\SearchCriteriaBuilder;
+use Magento\Framework\App\Filesystem\DirectoryList;
+use Magento\Framework\File\Csv;
+use Magento\Framework\Stdlib\DateTime\TimezoneInterface;
+use Phpro\Translations\Api\ExportManagementInterface;
+use Phpro\Translations\Model\Data\ExportStats;
+
+class ExportManagement implements ExportManagementInterface
+{
+    const CSV_SUFFIX = '_export.csv';
+
+    /**
+     * @var Csv
+     */
+    private $csv;
+    /**
+     * @var SearchCriteriaBuilder
+     */
+    private $searchCriteriaBuilder;
+    /**
+     * @var TranslationRepository
+     */
+    private $repository;
+    /**
+     * @var DirectoryList
+     */
+    private $directoryList;
+
+    public function __construct(
+        Csv $csv,
+        SearchCriteriaBuilder $searchCriteriaBuilder,
+        TranslationRepository $repository,
+        DirectoryList $directoryList,
+        TimezoneInterface $time
+    ) {
+        $this->csv = $csv;
+        $this->searchCriteriaBuilder = $searchCriteriaBuilder;
+        $this->repository = $repository;
+        $this->directoryList = $directoryList;
+    }
+
+    public function export(?array $locales): ExportStats
+    {
+        $this->csv->setDelimiter(',');
+        $this->csv->setEnclosure('"');
+
+        if (!empty($locales)) {
+            $this->searchCriteriaBuilder->addFilter('locale', $locales, 'in');
+        }
+
+        $fileName = $this->getExportPath((empty($locales)) ? 'all' : implode('_', $locales));
+        $result = $this->repository->getList($this->searchCriteriaBuilder->create());
+        $this->csv->saveData($fileName, $this->formatResultsToCsvData($result));
+
+        return ExportStats::fromRawData($fileName, $result->getTotalCount());
+    }
+
+    private function formatResultsToCsvData(\Magento\Framework\Api\SearchResultsInterface $result): \Generator
+    {
+        /** @var \Phpro\Translations\Api\Data\TranslationInterface $item */
+        foreach ($result->getItems() as $item) {
+            yield [$item->getString(), $item->getTranslate(), $item->getLocale()];
+        }
+    }
+
+    private function getExportPath(string $suffix): string
+    {
+        $date = new \DateTime();
+        $path = sprintf(
+            '%s/translations',
+            $this->directoryList->getPath(DirectoryList::VAR_DIR)
+        );
+
+        // phpcs:disable
+        if (!file_exists($path)) {
+            mkdir($path);
+        }
+        // phpcs:enable
+
+        return sprintf(
+            '%s/%s_export_%s.csv',
+            $path,
+            $date->format('Ymd_His'),
+            $suffix
+        );
+    }
+}
diff --git a/Model/Import/Translations.php b/Model/Import/Translations.php
new file mode 100644
index 0000000..f37bb45
--- /dev/null
+++ b/Model/Import/Translations.php
@@ -0,0 +1,228 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Model\Import;
+
+use Magento\Framework\App\ResourceConnection;
+use Magento\Framework\Json\Helper\Data as JsonHelper;
+use Magento\ImportExport\Helper\Data as ImportHelper;
+use Magento\ImportExport\Model\Import;
+use Magento\ImportExport\Model\Import\Entity\AbstractEntity;
+use Magento\ImportExport\Model\Import\ErrorProcessing\ProcessingErrorAggregatorInterface;
+use Magento\ImportExport\Model\ResourceModel\Helper;
+use Magento\ImportExport\Model\ResourceModel\Import\Data;
+use Phpro\Translations\Model\Validator\LocaleValidator;
+
+class Translations extends AbstractEntity
+{
+    const ENTITY_CODE = 'translations';
+    const TABLE = 'translation';
+
+    const COL_KEY = 'string';
+    const COL_TRANSLATION = 'translate';
+    const COL_LOCALE = 'locale';
+
+    const HEADER_KEY = 'key';
+    const HEADER_TRANSLATION = 'translation';
+    const HEADER_LOCALE = 'locale';
+
+    /**
+     * @var string[]
+     */
+    protected $validColumnNames = [
+        self::HEADER_KEY,
+        self::HEADER_TRANSLATION,
+        self::HEADER_LOCALE,
+    ];
+
+    /**
+     * If we should check column names
+     */
+    protected $needColumnCheck = true;
+
+    /**
+     * Need to log in import history
+     */
+    protected $logInHistory = true;
+
+    /**
+     * @var int
+     */
+    protected $countTotal = 0;
+
+    /**
+     * @var LocaleValidator
+     */
+    private $localeValidator;
+
+    public function __construct(
+        JsonHelper $jsonHelper,
+        ImportHelper $importExportData,
+        Data $importData,
+        ResourceConnection $resource,
+        Helper $resourceHelper,
+        ProcessingErrorAggregatorInterface $errorAggregator,
+        LocaleValidator $localeValidator
+    ) {
+        $this->jsonHelper = $jsonHelper;
+        $this->_importExportData = $importExportData;
+        $this->_resourceHelper = $resourceHelper;
+        $this->_dataSourceModel = $importData;
+        $this->_connection = $resource->getConnection(ResourceConnection::DEFAULT_CONNECTION);
+        $this->errorAggregator = $errorAggregator;
+        $this->localeValidator = $localeValidator;
+        $this->initMessageTemplates();
+    }
+
+    /**
+     * Row validation
+     *
+     * @param array $rowData
+     * @param int $rowNum
+     *
+     * @return bool
+     */
+    public function validateRow(array $rowData, $rowNum): bool
+    {
+        if (isset($this->_validatedRows[$rowNum])) {
+            return !$this->getErrorAggregator()->isRowInvalid($rowNum);
+        }
+
+        $translationKey = $rowData[self::HEADER_KEY] ?? '';
+        $locale = $rowData[self::HEADER_LOCALE] ?? '';
+
+        if ('' === trim($translationKey)) {
+            $this->addRowError('KeyIsRequired', $rowNum);
+        }
+
+        try {
+            $this->localeValidator->validate($locale);
+        } catch (\Exception $e) {
+            $this->addRowError('LocaleNotSupported', $rowNum);
+        }
+
+        $this->_validatedRows[$rowNum] = true;
+
+        return !$this->getErrorAggregator()->isRowInvalid($rowNum);
+    }
+
+    /**
+     * @return string
+     */
+    public function getEntityTypeCode()
+    {
+        return self::ENTITY_CODE;
+    }
+
+    /**
+     * @return string
+     */
+    public function getCreatedItemsCount()
+    {
+        return 'n/a';
+    }
+
+    /**
+     * @return string
+     */
+    public function getDeletedItemsCount()
+    {
+        return 'n/a';
+    }
+
+    /**
+     * @return string
+     */
+    public function getUpdatedItemsCount()
+    {
+        return sprintf(
+            '%s <strong>created/updated</strong>, Total: %s',
+            $this->countItemsUpdated,
+            $this->countTotal
+        );
+    }
+
+    /**
+     * Import data
+     * @throws \Exception
+     * @return bool
+     */
+    protected function _importData(): bool
+    {
+        if (Import::BEHAVIOR_APPEND === $this->getBehavior()) {
+            $this->saveAndReplaceEntity();
+            return true;
+        }
+
+        throw new \Exception(
+            sprintf(
+                'Behavior %s not supported. Only add/update is supported.',
+                $this->getBehavior()
+            )
+        );
+    }
+
+    /**
+     * Save and replace entities
+     * @return void
+     */
+    private function saveAndReplaceEntity(): void
+    {
+        $behavior = $this->getBehavior();
+        $this->countTotal = 0;
+        while ($bunch = $this->_dataSourceModel->getNextBunch()) {
+            $entityList = [];
+            foreach ($bunch as $rowNum => $row) {
+                if (!$this->validateRow($row, $rowNum)) {
+                    continue;
+                }
+                if ($this->getErrorAggregator()->hasToBeTerminated()) {
+                    $this->getErrorAggregator()->addRowToSkip($rowNum);
+                    continue;
+                }
+                $entityList[] = [
+                    self::COL_KEY => $row[self::HEADER_KEY],
+                    self::COL_TRANSLATION => $row[self::HEADER_TRANSLATION],
+                    self::COL_LOCALE => $row[self::HEADER_LOCALE],
+                ];
+                $this->countTotal++;
+            }
+
+            $this->countTotal++;
+            if (Import::BEHAVIOR_APPEND === $behavior) {
+                $this->countItemsUpdated += $this->insertOnDuplicate($entityList);
+            }
+        }
+    }
+
+    /**
+     * Save entities
+     * @param array $entityList
+     * @return int
+     */
+    private function insertOnDuplicate(array $entityList): int
+    {
+        if ($entityList) {
+            $tableName = $this->_connection->getTableName(static::TABLE);
+            return (int) $this->_connection->insertOnDuplicate(
+                $tableName,
+                $entityList,
+                [
+                    self::COL_TRANSLATION,
+                    self::COL_LOCALE,
+                ]
+            );
+        }
+
+        return 0;
+    }
+
+    /**
+     * Init error messages
+     */
+    private function initMessageTemplates(): void
+    {
+        $this->addMessageTemplate('KeyIsRequired', __('The key cannot be empty.'));
+        $this->addMessageTemplate('LocaleNotSupported', __('The locale is not supported.'));
+    }
+}
diff --git a/Model/ImportManagement.php b/Model/ImportManagement.php
new file mode 100644
index 0000000..61de9bc
--- /dev/null
+++ b/Model/ImportManagement.php
@@ -0,0 +1,132 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Model;
+
+use Magento\Framework\Exception\CouldNotSaveException;
+use Magento\Framework\File\Csv;
+use Phpro\Translations\Api\ImportManagementInterface;
+use Phpro\Translations\Model\Data\ImportStats;
+use Phpro\Translations\Model\Data\ImportStatsFactory;
+use Phpro\Translations\Model\Data\Translation;
+use Phpro\Translations\Model\Data\TranslationFactory;
+use Phpro\Translations\Model\Validator\LocaleValidator;
+
+class ImportManagement implements ImportManagementInterface
+{
+    /**
+     * @var Csv
+     */
+    private $csv;
+    /**
+     * @var LocaleValidator
+     */
+    private $localeValidator;
+    /**
+     * @var TranslationFactory
+     */
+    private $translationFactory;
+    /**
+     * @var TranslationRepository
+     */
+    private $repository;
+    /**
+     * @var ImportStatsFactory
+     */
+    private $importStatsFactory;
+
+    public function __construct(
+        Csv $csv,
+        LocaleValidator $localeValidator,
+        TranslationFactory $translationFactory,
+        TranslationRepository $repository,
+        ImportStatsFactory $importStatsFactory
+    ) {
+        $this->csv = $csv;
+        $this->localeValidator = $localeValidator;
+        $this->translationFactory = $translationFactory;
+        $this->repository = $repository;
+        $this->importStatsFactory = $importStatsFactory;
+    }
+
+    public function importMagentoCsv(string $filePath, string $locale): ImportStats
+    {
+        $this->localeValidator->validate($locale);
+
+        $this->csv->setDelimiter(',');
+        $this->csv->setEnclosure('"');
+        $csvData = $this->csv->getData($filePath);
+
+        /** @var ImportStats $importStats */
+        $importStats = $this->importStatsFactory->create();
+
+        foreach ($csvData as $row => $data) {
+            $rowNumber = $row + 1;
+            try {
+                if (2 > count($data)) {
+                    throw new \Exception('Invalid CSV row');
+                }
+                if (empty($data[0]) || empty($data[1])) {
+                    throw new \Exception('Empty values in CSV row');
+                }
+                $this->createTranslations($data[0], $data[1], $locale);
+                $importStats->addCreated($rowNumber, $data[0]);
+            } catch (\Exception $e) {
+                $this->handleException($e, $importStats, $rowNumber);
+            }
+        }
+
+        return $importStats;
+    }
+
+    public function importFull(string $filePath): ImportStats
+    {
+        $this->csv->setDelimiter(',');
+        $this->csv->setEnclosure('"');
+        $csvData = $this->csv->getData($filePath);
+
+        /** @var ImportStats $importStats */
+        $importStats = $this->importStatsFactory->create();
+
+        foreach ($csvData as $row => $data) {
+            $rowNumber = $row + 1;
+            try {
+                if (3 > count($data)) {
+                    throw new \Exception('Invalid CSV row');
+                }
+                if (empty($data[0]) || empty($data[1]) || empty($data[2])) {
+                    throw new \Exception('Empty values in CSV row');
+                }
+                $this->localeValidator->validate($data[2]);
+                $this->createTranslations($data[0], $data[1], $data[2]);
+                $importStats->addCreated($rowNumber, $data[0]);
+            } catch (\Exception $e) {
+                $this->handleException($e, $importStats, $rowNumber);
+            }
+        }
+
+        return $importStats;
+    }
+
+    private function createTranslations(string $translationKey, string $translationValue, string $locale)
+    {
+        /** @var Translation $translationModel */
+        $translationModel = $this->translationFactory->create();
+
+        $translationModel->setLocale($locale);
+        $translationModel->setString($translationKey);
+        $translationModel->setTranslate($translationValue);
+
+        $this->repository->save($translationModel);
+    }
+
+    private function handleException(\Exception $e, ImportStats $importStats, int $rowNumber)
+    {
+        if ($e instanceof CouldNotSaveException && (false !== strpos(strtolower($e->getMessage()), 'unique'))) {
+            $importStats->addSkipped($rowNumber, 'Translation already exist.');
+            return;
+        }
+
+        $importStats->addFailed($rowNumber, $e->getMessage());
+    }
+}
diff --git a/Model/InlineTranslations/FileManager.php b/Model/InlineTranslations/FileManager.php
new file mode 100644
index 0000000..e9f1b40
--- /dev/null
+++ b/Model/InlineTranslations/FileManager.php
@@ -0,0 +1,181 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Model\InlineTranslations;
+
+use Magento\Framework\App\Filesystem\DirectoryList;
+use Magento\Framework\Exception\LocalizedException;
+use Magento\Framework\Filesystem;
+use Magento\Framework\Filesystem\Driver\File;
+use Magento\Framework\Serialize\Serializer\Json;
+use Magento\Framework\Stdlib\DateTime\TimezoneInterface;
+use Magento\Framework\UrlInterface;
+
+/**
+ * This class is responsible for generating and retrieving (frontend/js) translation.json files in the pub/media folder.
+ * Mainly because of Magento Cloud doesn't allow write actions is pub/static folder.
+ */
+class FileManager
+{
+    private const JS_TRANSLATION_DIRECTORY = 'phpro_translations';
+    private const JS_TRANSLATION_FILENAME_SUFFIX = 'translation.json';
+    private const JS_DEPLOYED_VERSION_FILENAME = 'deployed_version.txt';
+
+    /**
+     * @var Json
+     */
+    private $serializer;
+    /**
+     * @var File
+     */
+    private $fileDriver;
+    /**
+     * @var Filesystem
+     */
+    private $filesystem;
+    /**
+     * @var DirectoryList
+     */
+    private $directoryList;
+    /**
+     * @var UrlInterface
+     */
+    private $urlGenerator;
+    /**
+     * @var TimezoneInterface
+     */
+    private $date;
+
+    public function __construct(
+        Json $serializer,
+        DirectoryList $directoryList,
+        Filesystem $filesystem,
+        File $driverFile,
+        UrlInterface $urlGenerator,
+        TimezoneInterface $dateTime
+    ) {
+        $this->serializer = $serializer;
+        $this->fileDriver = $driverFile;
+        $this->filesystem = $filesystem;
+        $this->directoryList = $directoryList;
+        $this->urlGenerator = $urlGenerator;
+        $this->date = $dateTime;
+    }
+
+    /**
+     * This method will return a public URL containing the replacement url for the original js-translation.json
+     * located in pub/static/frontend/<ThemeName>/<name>/<locale>/... folders.
+     *
+     * E.g. https://www.webshop.com/media/phpro_translations/ThemeName/default/nl_BE/1642691554translation.json
+     *
+     * @param string $themePath
+     * @throws LocalizedException
+     * @throws \Magento\Framework\Exception\FileSystemException
+     * @return string
+     */
+    public function getJsTranslationUrl(string $themePath): string
+    {
+        $versionFilePath = $this->getRelativeVersionFilePath($themePath);
+        $reader = $this->filesystem->getDirectoryRead(DirectoryList::MEDIA);
+        if (!$reader->isExist($versionFilePath)) {
+            throw new LocalizedException(
+                __('No %1 file found in directory %2', self::JS_DEPLOYED_VERSION_FILENAME, $versionFilePath)
+            );
+        }
+
+        return \sprintf(
+            '%s/%s/%s/%s',
+            rtrim($this->urlGenerator->getBaseUrl(['_type' => UrlInterface::URL_TYPE_MEDIA]), '/'),
+            self::JS_TRANSLATION_DIRECTORY,
+            $themePath,
+            $reader->readFile($versionFilePath) . self::JS_TRANSLATION_FILENAME_SUFFIX
+        );
+    }
+
+    /**
+     * This method saves the translations as json string in the media directory for related theme and locale.
+     * Also old generated translation files will be cleaned up and a new version string is created.
+     *
+     * Example save path: pub/media/phpro_translations/ThemeName/default/nl_BE/1642691554translation.json
+     *
+     * @param array $translations
+     * @param string $themePath
+     * @throws \Magento\Framework\Exception\FileSystemException
+     */
+    public function writeJsTranslationFileContent(array $translations, string $themePath): void
+    {
+        $savePath = sprintf(
+            '%s/%s/%s',
+            $this->directoryList->getPath(DirectoryList::MEDIA),
+            self::JS_TRANSLATION_DIRECTORY,
+            $themePath
+        );
+
+        // Ensure directory exists:
+        $savePathExists = $this->fileDriver->isExists($savePath);
+        if (!$savePathExists) {
+            $this->fileDriver->createDirectory($savePath);
+        }
+
+        // Clean-up old translation json files:
+        if ($savePathExists) {
+            $this->cleanupOldTranslationFiles($themePath, $savePath);
+        }
+
+        $versionString = (string)$this->date->date()->getTimestamp();
+        // Write new translation json file:
+        $this->fileDriver->filePutContents(
+            sprintf(
+                '%s/%s',
+                $savePath,
+                $versionString . self::JS_TRANSLATION_FILENAME_SUFFIX
+            ),
+            $this->serializer->serialize($translations)
+        );
+
+        // Save version string
+        $this->fileDriver->filePutContents(
+            sprintf(
+                '%s/%s',
+                $savePath,
+                self::JS_DEPLOYED_VERSION_FILENAME
+            ),
+            $versionString
+        );
+    }
+
+    /**
+     * @param string $themePath
+     * @param string $savePath
+     * @throws \Magento\Framework\Exception\FileSystemException
+     */
+    private function cleanupOldTranslationFiles(string $themePath, string $savePath): void
+    {
+        $versionFilePath = $this->getRelativeVersionFilePath($themePath);
+        $reader = $this->filesystem->getDirectoryRead(DirectoryList::MEDIA);
+        if (!$reader->isExist($versionFilePath)) {
+            return;
+        }
+
+        $currentTranslationFile = $reader->readFile($versionFilePath) . self::JS_TRANSLATION_FILENAME_SUFFIX;
+        foreach ($this->fileDriver->readDirectory($savePath) as $file) {
+            // phpcs:disable
+            if ('json' !== pathinfo($file, PATHINFO_EXTENSION) ||
+                $currentTranslationFile === pathinfo($file, PATHINFO_BASENAME)) {
+                continue;
+            }
+            // phpcs:enable
+            $this->fileDriver->deleteFile($file);
+        }
+    }
+
+    private function getRelativeVersionFilePath(string $themeLocalePath): string
+    {
+        return sprintf(
+            '%s/%s/%s',
+            self::JS_TRANSLATION_DIRECTORY,
+            $themeLocalePath,
+            self::JS_DEPLOYED_VERSION_FILENAME
+        );
+    }
+}
diff --git a/Model/InlineTranslationsGenerator.php b/Model/InlineTranslationsGenerator.php
new file mode 100644
index 0000000..8f05439
--- /dev/null
+++ b/Model/InlineTranslationsGenerator.php
@@ -0,0 +1,111 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Model;
+
+use Magento\Framework\App\State;
+use Magento\Framework\App\View\Deployment\Version\StorageInterface;
+use Magento\Framework\TranslateInterface;
+use Magento\Framework\View\DesignInterface;
+use Magento\Store\Model\App\Emulation;
+use Magento\Store\Model\System\Store as SystemStore;
+use Magento\Translation\Model\Js\DataProviderInterface;
+use Phpro\Translations\Model\Data\InlineGenerateStats;
+use Phpro\Translations\Model\Data\InlineGenerateStatsCollection;
+use Phpro\Translations\Model\InlineTranslations\FileManager;
+
+class InlineTranslationsGenerator
+{
+    /**
+     * @var DataProviderInterface
+     */
+    private $dataProvider;
+    /**
+     * @var State
+     */
+    private $state;
+    /**
+     * @var TranslateInterface
+     */
+    private $translate;
+    /**
+     * @var FileManager
+     */
+    private $fileManager;
+    /**
+     * @var Emulation
+     */
+    private $emulation;
+    /**
+     * @var DesignInterface
+     */
+    private $viewDesign;
+    /**
+     * @var SystemStore
+     */
+    private $systemStore;
+
+    public function __construct(
+        DataProviderInterface $dataProvider,
+        State $state,
+        TranslateInterface $translate,
+        FileManager $fileManager,
+        Emulation $emulation,
+        DesignInterface $viewDesign,
+        SystemStore $systemStore
+    ) {
+        $this->dataProvider = $dataProvider;
+        $this->state = $state;
+        $this->translate = $translate;
+        $this->fileManager = $fileManager;
+        $this->emulation = $emulation;
+        $this->viewDesign = $viewDesign;
+        $this->systemStore = $systemStore;
+    }
+
+    public function forAll(): InlineGenerateStatsCollection
+    {
+        $storeIds = [];
+        foreach ($this->systemStore->getStoreCollection() as $store) {
+            $storeIds[] = (int)$store->getId();
+        }
+
+        return $this->forStores($storeIds);
+    }
+
+    public function forStores(array $storeIds): InlineGenerateStatsCollection
+    {
+        $statsCollection = new InlineGenerateStatsCollection();
+        foreach ($storeIds as $storeId) {
+            $statsCollection->add(
+                $this->generate((int)$storeId)
+            );
+        }
+
+        return $statsCollection;
+    }
+
+    private function generate(int $storeId): InlineGenerateStats
+    {
+        $translations = [];
+        $area = 'frontend';
+
+        $this->state->emulateAreaCode($area, function () use ($storeId, $area, &$translations) {
+            // We need the emulation start and stop for saving the translation json file to have the correct context
+            $this->emulation->startEnvironmentEmulation($storeId, $area, true);
+            $locale = $this->viewDesign->getLocale();
+            $themePath = $this->viewDesign->getDesignTheme()->getThemePath();
+            // set locale and load translations string:
+            $this->translate
+                ->setLocale($locale)
+                ->loadData($area, true);
+            // find all translations for the frontend files (js en html templates):
+            $translations = $this->dataProvider->getData($themePath);
+            $this->fileManager->writeJsTranslationFileContent($translations, $themePath . '/' . $locale);
+            $this->emulation->stopEnvironmentEmulation();
+        });
+
+        $storeInfo = $this->systemStore->getStoreNameWithWebsite($storeId);
+        return new InlineGenerateStats($storeInfo, $storeId, count($translations));
+    }
+}
diff --git a/Model/ResourceModel/Translation.php b/Model/ResourceModel/Translation.php
new file mode 100644
index 0000000..e4bb6ec
--- /dev/null
+++ b/Model/ResourceModel/Translation.php
@@ -0,0 +1,43 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Model\ResourceModel;
+
+use Magento\Framework\Model\ResourceModel\Db\AbstractDb;
+
+class Translation extends AbstractDb
+{
+    public function deleteByTranslationKeyAndLocales(string $translationKey, array $locales)
+    {
+        $conn = $this->getConnection();
+        $connection = $this->transactionManager->start($conn);
+        $quotedLocales = array_map(function ($t) use ($conn) {
+            return $conn->quote($t);
+        }, $locales);
+
+        try {
+            $this->objectRelationProcessor->delete(
+                $this->transactionManager,
+                $connection,
+                $this->getMainTable(),
+                $conn->quoteInto(' string = ?', $translationKey)
+                . ' AND locale IN (' . implode(',', $quotedLocales) . ')',
+                []
+            );
+            $this->transactionManager->commit();
+        } catch (\Exception $e) {
+            $this->transactionManager->rollBack();
+            throw $e;
+        }
+        return $this;
+    }
+    /**
+     * Define resource model
+     *
+     * @return void
+     */
+    protected function _construct()
+    {
+        $this->_init('translation', 'key_id');
+    }
+}
diff --git a/Model/ResourceModel/Translation/Collection.php b/Model/ResourceModel/Translation/Collection.php
new file mode 100644
index 0000000..a42690d
--- /dev/null
+++ b/Model/ResourceModel/Translation/Collection.php
@@ -0,0 +1,22 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Model\ResourceModel\Translation;
+
+use Magento\Framework\Model\ResourceModel\Db\Collection\AbstractCollection;
+
+class Collection extends AbstractCollection
+{
+    /**
+     * Define resource model
+     *
+     * @return void
+     */
+    protected function _construct()
+    {
+        $this->_init(
+            \Phpro\Translations\Model\Translation::class,
+            \Phpro\Translations\Model\ResourceModel\Translation::class
+        );
+    }
+}
diff --git a/Model/Source/Import/Behavior/TranslationsBasic.php b/Model/Source/Import/Behavior/TranslationsBasic.php
new file mode 100644
index 0000000..53e171f
--- /dev/null
+++ b/Model/Source/Import/Behavior/TranslationsBasic.php
@@ -0,0 +1,44 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Model\Source\Import\Behavior;
+
+use Magento\ImportExport\Model\Import;
+use Magento\ImportExport\Model\Source\Import\AbstractBehavior;
+
+/**
+ * Import behavior source model used for defining the behaviour during the import.
+ */
+class TranslationsBasic extends AbstractBehavior
+{
+    /**
+     * @inheritdoc
+     */
+    public function toArray()
+    {
+        return [
+            Import::BEHAVIOR_APPEND => __('Add/Update'),
+        ];
+    }
+
+    /**
+     * @inheritdoc
+     */
+    public function getCode()
+    {
+        return 'translationsbasic';
+    }
+
+    /**
+     * @inheritdoc
+     */
+    public function getNotes($entityCode)
+    {
+        $messages = ['translations' => [
+            Import::BEHAVIOR_APPEND => __(
+                "Add or update translations. Updates are based on translation key (first column of CSV)."
+            ),
+        ]];
+        return isset($messages[$entityCode]) ? $messages[$entityCode] : [];
+    }
+}
diff --git a/Model/Translation.php b/Model/Translation.php
new file mode 100644
index 0000000..3d9e7eb
--- /dev/null
+++ b/Model/Translation.php
@@ -0,0 +1,56 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Model;
+
+use Magento\Framework\Api\DataObjectHelper;
+use Magento\Framework\Model\AbstractModel;
+use Magento\Framework\Model\Context;
+use Magento\Framework\Registry;
+use Phpro\Translations\Api\Data\TranslationInterface;
+use Phpro\Translations\Api\Data\TranslationInterfaceFactory;
+use Phpro\Translations\Model\ResourceModel;
+
+class Translation extends AbstractModel
+{
+    protected $_eventPrefix = 'phpro_translations_translation';
+    /**
+     * @var TranslationInterfaceFactory
+     */
+    private $translationDataFactory;
+    /**
+     * @var DataObjectHelper
+     */
+    private $dataObjectHelper;
+
+    public function __construct(
+        Context $context,
+        Registry $registry,
+        TranslationInterfaceFactory $translationDataFactory,
+        DataObjectHelper $dataObjectHelper,
+        ResourceModel\Translation $resource,
+        ResourceModel\Translation\Collection $resourceCollection,
+        array $data = []
+    ) {
+        $this->translationDataFactory = $translationDataFactory;
+        $this->dataObjectHelper = $dataObjectHelper;
+        parent::__construct($context, $registry, $resource, $resourceCollection, $data);
+    }
+
+    /**
+     * @return TranslationInterface
+     */
+    public function getDataModel()
+    {
+        $data = $this->getData();
+
+        $translationDataObject = $this->translationDataFactory->create();
+        $this->dataObjectHelper->populateWithArray(
+            $translationDataObject,
+            $data,
+            TranslationInterface::class
+        );
+
+        return $translationDataObject;
+    }
+}
diff --git a/Model/Translation/DataProvider.php b/Model/Translation/DataProvider.php
new file mode 100644
index 0000000..853b284
--- /dev/null
+++ b/Model/Translation/DataProvider.php
@@ -0,0 +1,81 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Model\Translation;
+
+use Magento\Framework\App\Request\DataPersistorInterface;
+use Magento\Ui\DataProvider\AbstractDataProvider;
+use Phpro\Translations\Model\ResourceModel\Translation\Collection;
+use Phpro\Translations\Model\ResourceModel\Translation\CollectionFactory;
+
+class DataProvider extends AbstractDataProvider
+{
+    /**
+     * @var Collection
+     */
+    protected $collection;
+    /**
+     * @var DataPersistorInterface
+     */
+    protected $dataPersistor;
+    /**
+     * @var array
+     */
+    protected $loadedData;
+
+    /**
+     * Constructor
+     *
+     * @param string $name
+     * @param string $primaryFieldName
+     * @param string $requestFieldName
+     * @param CollectionFactory $collectionFactory
+     * @param DataPersistorInterface $dataPersistor
+     * @param array $meta
+     * @param array $data
+     */
+    public function __construct(
+        $name,
+        $primaryFieldName,
+        $requestFieldName,
+        CollectionFactory $collectionFactory,
+        DataPersistorInterface $dataPersistor,
+        array $meta = [],
+        array $data = []
+    ) {
+        $this->collection = $collectionFactory->create();
+        $this->dataPersistor = $dataPersistor;
+        parent::__construct($name, $primaryFieldName, $requestFieldName, $meta, $data);
+    }
+
+    /**
+     * Get data
+     *
+     * @return array
+     */
+    public function getData()
+    {
+        if (isset($this->loadedData)) {
+            return $this->loadedData;
+        }
+        $items = $this->collection->getItems();
+        foreach ($items as $model) {
+            $data = $model->getData();
+            if (isset($data['locale'])) {
+                $data['locale_field'] = $data['locale'];
+                unset($data['locale']);
+            }
+            $this->loadedData[$model->getId()] = $data;
+        }
+        $data = $this->dataPersistor->get('phpro_translations_translation');
+
+        if (!empty($data)) {
+            $model = $this->collection->getNewEmptyItem();
+            $model->setData($data);
+            $this->loadedData[$model->getId()] = $model->getData();
+            $this->dataPersistor->clear('phpro_translations_translation');
+        }
+
+        return $this->loadedData;
+    }
+}
diff --git a/Model/Translation/EmptyDataProvider.php b/Model/Translation/EmptyDataProvider.php
new file mode 100644
index 0000000..29c23cf
--- /dev/null
+++ b/Model/Translation/EmptyDataProvider.php
@@ -0,0 +1,26 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Model\Translation;
+
+use Magento\Framework\Api\Filter;
+use Magento\Ui\DataProvider\AbstractDataProvider;
+
+class EmptyDataProvider extends AbstractDataProvider
+{
+    /**
+     * @inheridoc
+     */
+    public function addFilter(Filter $filter)
+    {
+        return $this;
+    }
+
+    /**
+     * @inheridoc
+     */
+    public function getData()
+    {
+        return [];
+    }
+}
diff --git a/Model/Translation/Source/Locales.php b/Model/Translation/Source/Locales.php
new file mode 100644
index 0000000..ecbed2a
--- /dev/null
+++ b/Model/Translation/Source/Locales.php
@@ -0,0 +1,41 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Model\Translation\Source;
+
+use Magento\Framework\App\ResourceConnection;
+use Magento\Framework\Data\OptionSourceInterface;
+
+class Locales implements OptionSourceInterface
+{
+    const XML_PATH_LOCALE = 'general/locale/code';
+
+    private $resourceConnection;
+
+    public function __construct(ResourceConnection $resourceConnection)
+    {
+        $this->resourceConnection = $resourceConnection;
+    }
+
+    /**
+     * @inheritdoc
+     */
+    public function toOptionArray()
+    {
+        $result = [];
+        $connection = $this->resourceConnection->getConnection();
+        $bind = [':config_path' => self::XML_PATH_LOCALE];
+        $select = $connection
+            ->select()
+            ->from($this->resourceConnection->getTableName('core_config_data'), 'value')
+            ->distinct(true)
+            ->where('path = :config_path');
+        $rowSet = $connection->fetchAll($select, $bind);
+
+        foreach ($rowSet as $row) {
+            $result[] = ['value' => $row['value'], 'label' => $row['value']];
+        }
+
+        return $result;
+    }
+}
diff --git a/Model/TranslationDataManagement.php b/Model/TranslationDataManagement.php
new file mode 100644
index 0000000..26b01c4
--- /dev/null
+++ b/Model/TranslationDataManagement.php
@@ -0,0 +1,149 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Model;
+
+use Phpro\Translations\Api\TranslationDataManagementInterface;
+use Phpro\Translations\Model\Data\TranslationFactory;
+use Phpro\Translations\Model\Translation\Source\Locales as LocaleSource;
+use Phpro\Translations\Model\Validator\LocaleValidator;
+use Psr\Log\LoggerInterface;
+
+class TranslationDataManagement implements TranslationDataManagementInterface
+{
+    /**
+     * @var LoggerInterface
+     */
+    private $logger;
+    /**
+     * @var LocaleValidator
+     */
+    private $localeValidator;
+    /**
+     * @var LocaleSource
+     */
+    private $localeSource;
+    /**
+     * @var TranslationFactory
+     */
+    private $translationFactory;
+    /**
+     * @var TranslationRepository
+     */
+    private $repository;
+    /**
+     * @var array
+     */
+    private $enabledLocales = [];
+    /**
+     * @var bool
+     */
+    private $throwException;
+
+    public function __construct(
+        LoggerInterface $logger,
+        LocaleValidator $localeValidator,
+        LocaleSource $localeSource,
+        TranslationFactory $translationFactory,
+        TranslationRepository $repository,
+        bool $throwException = false
+    ) {
+        $this->logger = $logger;
+        $this->localeValidator = $localeValidator;
+        $this->localeSource = $localeSource;
+        $this->translationFactory = $translationFactory;
+        $this->repository = $repository;
+        $this->throwException = $throwException;
+    }
+
+    /**
+     * @inheritdoc
+     */
+    public function prepare(string $translationKey, ?string $defaultTranslation = null)
+    {
+        $locales = $this->getEnabledLocales();
+        $translationValue = (empty($defaultTranslation)) ? $translationKey : $defaultTranslation;
+
+        foreach ($locales as $locale) {
+            $this->insertTranslation($translationKey, $translationValue, $locale);
+        }
+    }
+
+    /**
+     * @inheritdoc
+     */
+    public function create(string $translationKey, string $translationValue, array $locales = [])
+    {
+        foreach ($locales as $locale) {
+            $this->insertTranslation($translationKey, $translationValue, $locale);
+        }
+    }
+
+    /**
+     * @inheritdoc
+     */
+    public function delete(string $translationKey, ?array $locales = [])
+    {
+        if (empty($locales)) {
+            $locales = $this->getEnabledLocales();
+        }
+
+        try {
+            $this->repository->deleteByTranslationKeyAndLocales($translationKey, $locales);
+        } catch (\Exception $e) {
+            $this->logger->error(
+                sprintf(
+                    '[PHPRO TRANSLATION] Cannot delete translation "%s" for locales "%s": %s',
+                    $translationKey,
+                    implode(',', $locales),
+                    $e->getMessage()
+                )
+            );
+            if ($this->throwException) {
+                throw $e;
+            }
+        }
+    }
+
+    private function insertTranslation(string $translationKey, string $translationValue, string $locale)
+    {
+        try {
+            $this->localeValidator->validate($locale);
+
+            /** @var Translation $translationModel */
+            $translationModel = $this->translationFactory->create();
+
+            $translationModel->setLocale($locale);
+            $translationModel->setString($translationKey);
+            $translationModel->setTranslate($translationValue);
+
+            $this->repository->save($translationModel);
+        } catch (\Exception $e) {
+            $this->logger->error(
+                sprintf(
+                    '[PHPRO TRANSLATION] Cannot insert translation "%s" for locale "%s": %s',
+                    $translationKey,
+                    $locale,
+                    $e->getMessage()
+                )
+            );
+            if ($this->throwException) {
+                throw $e;
+            }
+        }
+    }
+
+    private function getEnabledLocales(): array
+    {
+        if (!empty($this->enabledLocales)) {
+            return $this->enabledLocales;
+        }
+
+        foreach ($this->localeSource->toOptionArray() as $locale) {
+            $localeCode = $locale['value'];
+            $this->enabledLocales[$localeCode] = $localeCode;
+        }
+
+        return $this->enabledLocales;
+    }
+}
diff --git a/Model/TranslationManagement.php b/Model/TranslationManagement.php
new file mode 100644
index 0000000..4a4e544
--- /dev/null
+++ b/Model/TranslationManagement.php
@@ -0,0 +1,52 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Model;
+
+use Phpro\Translations\Model\Data\TranslationFactory;
+use Phpro\Translations\Model\Validator\LocaleValidator;
+
+class TranslationManagement
+{
+    /**
+     * @var LocaleValidator
+     */
+    private $localeValidator;
+    /**
+     * @var TranslationFactory
+     */
+    private $translationFactory;
+    /**
+     * @var TranslationRepository
+     */
+    private $repository;
+
+    public function __construct(
+        LocaleValidator $localeValidator,
+        TranslationFactory $translationFactory,
+        TranslationRepository $repository
+    ) {
+        $this->localeValidator = $localeValidator;
+        $this->translationFactory = $translationFactory;
+        $this->repository = $repository;
+    }
+
+    public function addTranslation(
+        string $translationKey,
+        string $translationValue,
+        string $locale,
+        string $frontend
+    ): void {
+        $this->localeValidator->validate($locale);
+
+        /** @var Translation $translationModel */
+        $translationModel = $this->translationFactory->create();
+
+        $translationModel->setLocale($locale);
+        $translationModel->setString($translationKey);
+        $translationModel->setTranslate($translationValue);
+        $translationModel->setFrontend($frontend);
+
+        $this->repository->save($translationModel);
+    }
+}
diff --git a/Model/TranslationRepository.php b/Model/TranslationRepository.php
new file mode 100644
index 0000000..bd61499
--- /dev/null
+++ b/Model/TranslationRepository.php
@@ -0,0 +1,196 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Model;
+
+use Magento\Framework\Api\DataObjectHelper;
+use Magento\Framework\Api\ExtensibleDataObjectConverter;
+use Magento\Framework\Api\ExtensionAttribute\JoinProcessorInterface;
+use Magento\Framework\Api\SearchCriteria\CollectionProcessorInterface;
+use Magento\Framework\Api\SearchCriteriaInterface;
+use Magento\Framework\Exception\CouldNotDeleteException;
+use Magento\Framework\Exception\CouldNotSaveException;
+use Magento\Framework\Exception\NoSuchEntityException;
+use Magento\Framework\Reflection\DataObjectProcessor;
+use Magento\Store\Model\StoreManagerInterface;
+use Phpro\Translations\Api\Data\TranslationInterface;
+use Phpro\Translations\Api\Data\TranslationInterfaceFactory;
+use Phpro\Translations\Api\Data\TranslationSearchResultsInterfaceFactory;
+use Phpro\Translations\Api\TranslationRepositoryInterface;
+use Phpro\Translations\Model\ResourceModel\Translation as ResourceTranslation;
+use Phpro\Translations\Model\ResourceModel\Translation\CollectionFactory as TranslationCollectionFactory;
+
+class TranslationRepository implements TranslationRepositoryInterface
+{
+    /**
+     * @var ResourceTranslation
+     */
+    private $resource;
+    /**
+     * @var TranslationFactory
+     */
+    private $translationFactory;
+    /**
+     * @var TranslationInterfaceFactory
+     */
+    private $dataTranslationFactory;
+    /**
+     * @var TranslationCollectionFactory
+     */
+    private $translationCollectionFactory;
+    /**
+     * @var TranslationSearchResultsInterfaceFactory
+     */
+    private $searchResultsFactory;
+    /**
+     * @var DataObjectHelper
+     */
+    private $dataObjectHelper;
+    /**
+     * @var DataObjectProcessor
+     */
+    private $dataObjectProcessor;
+    /**
+     * @var StoreManagerInterface
+     */
+    private $storeManager;
+    /**
+     * @var CollectionProcessorInterface
+     */
+    private $collectionProcessor;
+    /**
+     * @var JoinProcessorInterface
+     */
+    private $extensionAttributesJoinProcessor;
+    /**
+     * @var ExtensibleDataObjectConverter
+     */
+    private $extensibleDataObjectConverter;
+
+    public function __construct(
+        ResourceTranslation $resource,
+        TranslationFactory $translationFactory,
+        TranslationInterfaceFactory $dataTranslationFactory,
+        TranslationCollectionFactory $translationCollectionFactory,
+        TranslationSearchResultsInterfaceFactory $searchResultsFactory,
+        DataObjectHelper $dataObjectHelper,
+        DataObjectProcessor $dataObjectProcessor,
+        StoreManagerInterface $storeManager,
+        CollectionProcessorInterface $collectionProcessor,
+        JoinProcessorInterface $extensionAttributesJoinProcessor,
+        ExtensibleDataObjectConverter $extensibleDataObjectConverter
+    ) {
+        $this->resource = $resource;
+        $this->translationFactory = $translationFactory;
+        $this->dataTranslationFactory = $dataTranslationFactory;
+        $this->translationCollectionFactory = $translationCollectionFactory;
+        $this->searchResultsFactory = $searchResultsFactory;
+        $this->dataObjectHelper = $dataObjectHelper;
+        $this->dataObjectProcessor = $dataObjectProcessor;
+        $this->storeManager = $storeManager;
+        $this->collectionProcessor = $collectionProcessor;
+        $this->extensionAttributesJoinProcessor = $extensionAttributesJoinProcessor;
+        $this->extensibleDataObjectConverter = $extensibleDataObjectConverter;
+    }
+
+    /**
+     * {@inheritdoc
+     */
+    public function save(TranslationInterface $translation)
+    {
+        $translationData = $this->extensibleDataObjectConverter->toNestedArray(
+            $translation,
+            [],
+            TranslationInterface::class
+        );
+
+        $translationModel = $this->translationFactory->create()->setData($translationData);
+
+        try {
+            $this->resource->save($translationModel);
+        } catch (\Exception $exception) {
+            throw new CouldNotSaveException(__(
+                'Could not save the translation: %1',
+                $exception->getMessage()
+            ));
+        }
+        return $translationModel->getDataModel();
+    }
+
+    /**
+     * @inheritdoc
+     */
+    public function getById($translationId)
+    {
+        $translation = $this->translationFactory->create();
+        $this->resource->load($translation, $translationId);
+        if (!$translation->getId()) {
+            throw new NoSuchEntityException(__('Translation with id "%1" does not exist.', $translationId));
+        }
+        return $translation->getDataModel();
+    }
+
+    /**
+     * @inheritdoc
+     */
+    public function getList(SearchCriteriaInterface $criteria)
+    {
+        $collection = $this->translationCollectionFactory->create();
+
+        $this->extensionAttributesJoinProcessor->process(
+            $collection,
+            TranslationInterface::class
+        );
+
+        $this->collectionProcessor->process($criteria, $collection);
+
+        $searchResults = $this->searchResultsFactory->create();
+        $searchResults->setSearchCriteria($criteria);
+
+        $items = [];
+        foreach ($collection as $model) {
+            $items[] = $model->getDataModel();
+        }
+
+        $searchResults->setItems($items);
+        $searchResults->setTotalCount($collection->getSize());
+        return $searchResults;
+    }
+
+    /**
+     * @inheritdoc
+     */
+    public function deleteByTranslationKeyAndLocales(string $translationKey, array $locales)
+    {
+        try {
+            $this->resource->deleteByTranslationKeyAndLocales($translationKey, $locales);
+        } catch (\Exception $exception) {
+            throw new CouldNotDeleteException(__(
+                'Could not delete the Translations: %1',
+                $exception->getMessage()
+            ));
+        }
+        return true;
+    }
+
+    /**
+     * @inheritdoc
+     */
+    public function deleteById($translationId)
+    {
+        try {
+            $translation = $this->translationFactory->create();
+            $this->resource->load($translation, $translationId);
+            if (!$translation->getId()) {
+                throw new NoSuchEntityException(__('Translation with id "%1" does not exist.', $translationId));
+            }
+            $translation->delete();
+        } catch (\Exception $exception) {
+            throw new CouldNotDeleteException(__(
+                'Could not delete the Translation: %1',
+                $exception->getMessage()
+            ));
+        }
+        return true;
+    }
+}
diff --git a/Model/Validator/LocaleValidator.php b/Model/Validator/LocaleValidator.php
new file mode 100644
index 0000000..6c742f4
--- /dev/null
+++ b/Model/Validator/LocaleValidator.php
@@ -0,0 +1,50 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Model\Validator;
+
+use Magento\Framework\Locale\ListsInterface;
+
+class LocaleValidator
+{
+    /**
+     * @var ListsInterface
+     */
+    private $localeLists;
+
+    /**
+     * @var array
+     */
+    private $locales = [];
+
+    public function __construct(ListsInterface $localeLists)
+    {
+        $this->localeLists = $localeLists;
+    }
+
+    /**
+     * @param string $locale
+     * @throws \Exception
+     */
+    public function validate(string $locale)
+    {
+        if (!in_array($locale, $this->getSupportedLocales(), true)) {
+            throw new \Exception(sprintf('Locale %s not supported by Magento', $locale));
+        }
+    }
+
+    private function getSupportedLocales(): array
+    {
+        if (!empty($this->locales)) {
+            return $this->locales;
+        }
+
+        $supportedLocaleList = $this->localeLists->getOptionLocales();
+        foreach ($supportedLocaleList as $supportedLocale) {
+            $localeCode = $supportedLocale['value'];
+            $this->locales[$localeCode] = $localeCode;
+        }
+
+        return $this->locales;
+    }
+}
diff --git a/Plugin/UpdateMetadataFields.php b/Plugin/UpdateMetadataFields.php
new file mode 100644
index 0000000..a8a8830
--- /dev/null
+++ b/Plugin/UpdateMetadataFields.php
@@ -0,0 +1,44 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Plugin;
+
+use Magento\Framework\View\Element\UiComponentInterface;
+use Magento\Ui\Model\Export\MetadataProvider as Subject;
+use Phpro\Translations\Model\Import\Translations;
+
+/**
+ * This plugin make sure the translations CSV export is conform the import:
+ * - Make sure only the fields are exported which are needed for a proper import via Magento.
+ * - Make sure the CSV column names are the same during import validation.
+ */
+class UpdateMetadataFields
+{
+    const UI_COMPONENT_NAME = 'phpro_translations_listing';
+
+    public function afterGetFields(Subject $subject, $result, UiComponentInterface $component)
+    {
+        if (self::UI_COMPONENT_NAME === $component->getName()) {
+            return [
+                Translations::COL_KEY,
+                Translations::COL_TRANSLATION,
+                Translations::COL_LOCALE
+            ];
+        }
+
+        return $result;
+    }
+
+    public function afterGetHeaders(Subject $subject, $result, UiComponentInterface $component)
+    {
+        if (self::UI_COMPONENT_NAME === $component->getName()) {
+            return [
+                Translations::HEADER_KEY,
+                Translations::HEADER_TRANSLATION,
+                Translations::HEADER_LOCALE,
+            ];
+        }
+
+        return $result;
+    }
+}
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..90fbeb9
--- /dev/null
+++ b/README.md
@@ -0,0 +1,235 @@
+![](https://github.com/phpro/phpro-mage2-module-translations/workflows/.github/workflows/grumphp.yml/badge.svg)
+
+# Translation module for Magento 2
+
+The `Phpro_Translations` module helps you to manage translations via the Magento backend.
+
+## Features
+* Simple backend CRUD to manage translations
+* Single and multi-inline editing via the grid-overview
+* Import and export via CSV files via CLI 
+* Import and export via default Magento import/export functionality
+* Prepare new translations via data patch scripts
+* (Re)generate frontend translations (JSON translation files) via CLI and backend
+
+## Installation
+```
+composer require phpro/mage2-module-translations
+```
+
+## End user documentation
+[Download the end user documentation (PDF)](./resources/phpro-translation-module-EUD.pdf)
+
+## Usage (technical)
+
+### Locales 
+All locales must be defined in an ISO format. Locale = ISO-639 (language)  + "_" + ISO-3166 (country). 
+
+Examples of locales: en_US, nl_BE, nl_NL, fr_BE, de_DE, ...
+
+### Import and export
+
+#### Import Magento translation CSVs
+
+CSV structure must be (key, value):
+```
+"Transkey 1","Transvalue 2"
+"Transkey 2","Transvalue 2"
+...
+```
+Use the `phpro:translations:import` command to import a CSV file for a given locale. Duplicate records are skipped and no updates are applied. 
+```
+bin/magento phpro:translations:import /path/to/cs_CZ/cs_CZ.csv cs_CZ --clear-cache
+```
+Output:
+```
+Importing CSV file /path/to/cs_CZ/cs_CZ.csv for locale cs_CZ
+#created: 193
+#skipped: 4
+#failed: 0
+Caches cleared: full_page, block_html, translate
+Done!
+```
+
+#### Export to CSV
+
+Use the `phpro:translations:export` command to export database translations to a CSV file for one or more locales. Separate multiple locales with a space. The exported CSV file is written in the `var/translations` folder of Magento. 
+```
+bin/magento phpro:translations:export nl_BE cs_CZ
+```
+Output:
+```
+Exporting translations to CSV file
+Csv file: /path/to/var/translations/20190531_085402_export_nl_BE_cs_CZ.csv
+Total written rows: 390
+Done!
+```
+CSV structure:
+```
+"New Account","Nieuwe account",nl_BE
+"My Wish List","Mijn verlanglijst",nl_BE
+"New Account","Nový účet",cs_CZ
+"My Wish List","Mé oblíbené",cs_CZ
+...
+```
+
+#### Import CSV (including locale)
+You can use the exported CSV file(s) to import on another environment. For example you can prepare new translations on a staging environment and import them later on a production environment. 
+
+CSV structure must be (key, value, locale):
+```
+"Transkey 1","Transvalue 2",nl_BE
+"Transkey 2","Transvalue 2",nl_BE
+"Transkey 1","Transvalue 2",fr_BE
+"Transkey 2","Transvalue 2",fr_BE
+...
+```
+Use the `phpro:translations:import-full` command to import a CSV file. Duplicate records are skipped and no updates are applied. 
+```
+bin/magento phpro:translations:import-full /path/to/full_import_nl_BE_cs_CZ.csv --clear-cache
+```
+Output:
+```
+Importing CSV file /path/to/full_import_nl_BE_cs_CZ.csv
+#created: 10
+#skipped: 380
+#failed: 0
+Caches cleared: full_page, block_html, translate
+Done!
+```
+
+#### Import via backend
+Go to System → (Data Transfer) → Import to create or update translations based on a CSV file. Please reach out our end user documentation. 
+
+### Re-generate frontend translations
+Generating/re-generating frontend translation will generate JSON file(s) which includes all the frontend/JS translations.
+These files are stored in the `pub/media/phpro_translations` directory in their related theme/locale subdirectory.
+
+#### Via backend
+- Go to "Translations -> Generate frontend translations" in the admin. Select "all store views" or select specific ones. Click the button "Generate translations files".
+- Clear full page and block html caches via "System -> Cache Management".
+- Also check the end user documentation
+
+#### Via CLI
+- Use the `phpro:translations:generate-frontend-translations` command to re-generate new JSON file(s) 
+- Make sure you clean full_page and block_html cache manually afterwards to apply and enable the newest translation JSON file for the storefront.
+
+**Re-generate for single store view**
+
+Specify the `storeId` argument to re-generate for specific store view (locale). Use the `bin/magento store:list` command to show the store IDs.  
+```
+bin/magento phpro:translations:generate-frontend-translations 5
+```
+
+**Re-generate for all**
+
+Leave the `storeId` argument empty to re-generate for all store views.
+```
+bin/magento phpro:translations:generate-frontend-translations
+```
+
+#### During build process
+We recommend to re-generate all frontend translations during your build process with `phpro:translations:generate-frontend-translations` after the `setup:upgrade --keep-generated` step and just before deactivating maintenance.
+
+#### Browser cache optimizations
+The translations JSON files are stored in the directory `pub/media/phpro_translations` with a specific version string. 
+You can choose to have a these files optimally cached by browsers by configuring the Cache-Control header. A ngnix example below: 
+```
+location /media/phpro_translations/ {
+    add_header X-Frame-Options "SAMEORIGIN";
+    add_header Cache-Control "public";
+    expires +1y;
+}
+```
+
+### Collect translations from code base
+Use the `phpro:translations:prepare-keys` command to collect translations phrases from the code base and prepare them. This will create a translation for every available locale.
+
+### Add translations during development
+To prepare, create or delete translations you can inject `\Phpro\Translations\Api\TranslationDataManagementInterface` as dependency into your data patch script of your module. 
+
+#### Prepare
+Add the translation key for all enabled locales of the Magento instance. If default translation is not set, the translation key will be used as default translation.
+
+```
+use Magento\Framework\Setup\Patch\DataPatchInterface;
+use Magento\Framework\Setup\Patch\NonTransactionableInterface;
+use Phpro\Translations\Model\TranslationDataManagement;
+
+class HelloWorldTranslations implements DataPatchInterface, NonTransactionableInterface
+{
+    private TranslationDataManagement $translationDataManagement;
+    
+    public function __construct(
+        TranslationDataManagement $translationDataManagement
+    ) {
+        $this->translationDataManagement = $translationDataManagement;
+    }
+
+    public function apply() 
+    {
+        $this->translationDataManagement->prepare('Hello world!');
+        $this->translationDataManagement->prepare('Welcome %1', 'Hello %1');
+        // other translation keys here...
+    }
+}    
+```
+#### Create
+Add a translation for given locales.
+```
+use Magento\Framework\Setup\Patch\DataPatchInterface;
+use Magento\Framework\Setup\Patch\NonTransactionableInterface;
+use Phpro\Translations\Model\TranslationDataManagement;
+
+class HelloWorldTranslations implements DataPatchInterface, NonTransactionableInterface
+{
+    private TranslationDataManagement $translationDataManagement;
+
+    public function __construct(
+        TranslationDataManagement $translationDataManagement
+    ) {
+        $this->translationDataManagement = $translationDataManagement;
+    }
+
+    public function apply() 
+    {
+        $this->translationDataManagement->create('Hello world!', 'Hallo wereld!!!', ['nl_NL', 'nl_BE']);
+        $this->translationDataManagement->create('Hello world!', 'Hello world!!!', ['en_US']);
+        // other translation keys here...
+    }
+}
+```
+#### Delete
+Delete a translation for given translation key and locale(s). In case no locales are given, all enabled locales will be used for deletion.
+```
+use Magento\Framework\Setup\Patch\DataPatchInterface;
+use Magento\Framework\Setup\Patch\NonTransactionableInterface;
+use Phpro\Translations\Model\TranslationDataManagement;
+
+class DeleteHelloWorldTranslations implements DataPatchInterface, NonTransactionableInterface
+{
+    private TranslationDataManagement $translationDataManagement;
+
+    public function __construct(
+        TranslationDataManagement $translationDataManagement
+    ) {
+        $this->translationDataManagement = $translationDataManagement;
+    }
+
+    public function apply() 
+    {
+        $this->translationDataManagement->delete('Hello world!');
+        $this->translationDataManagement->delete('Welcome %1', ['nl_BE', 'nl_NL']);
+        // other translation keys here...
+    }
+}
+```
+## PWA
+The checkbox "frontend" could be used to mark translations that need to be exported to a PWA installation.
+With a rest API call, the translations can be fetched and stored in the PWA translations files.
+
+### API call that can be used in build scripts
+```
+curl -G -k -H "Authorization: Bearer <token>" --data-urlencode "searchCriteria[filter_groups][0][filters][0][field]=frontend" --data-urlencode "searchCriteria[filter_groups][0][filters][0][value]=1" --data-urlencode "searchCriteria[filter_groups][1][filters][0][field]=locale" --data-urlencode "searchCriteria[filter_groups][1][filters][0][value]=<locale>" <Magento base url>rest/V1/phpro-translations/translation/search
+```
+
diff --git a/Test/Unit/Model/InlineTranslations/FileManagerTest.php b/Test/Unit/Model/InlineTranslations/FileManagerTest.php
new file mode 100644
index 0000000..4656681
--- /dev/null
+++ b/Test/Unit/Model/InlineTranslations/FileManagerTest.php
@@ -0,0 +1,168 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Test\Unit\Model\InlineTranslations;
+
+use Magento\Framework\App\Filesystem\DirectoryList;
+use Magento\Framework\Filesystem;
+use Magento\Framework\Filesystem\Directory\Read;
+use Magento\Framework\Filesystem\Driver\File;
+use Magento\Framework\Serialize\Serializer\Json;
+use Magento\Framework\Stdlib\DateTime\TimezoneInterface;
+use Magento\Framework\UrlInterface;
+use Phpro\Translations\Model\InlineTranslations\FileManager;
+use PHPUnit\Framework\TestCase;
+
+class FileManagerTest extends TestCase
+{
+    private const MEDIA_DIR_ABSOLUTE = '/app/pub/media';
+    /**
+     * @var Json|\PHPUnit\Framework\MockObject\MockObject
+     */
+    private $serializer;
+    /**
+     * @var DirectoryList|\PHPUnit\Framework\MockObject\MockObject
+     */
+    private $directoryList;
+    /**
+     * @var Filesystem|\PHPUnit\Framework\MockObject\MockObject
+     */
+    private $filesystem;
+    /**
+     * @var File|\PHPUnit\Framework\MockObject\MockObject
+     */
+    private $fileDriver;
+    /**
+     * @var UrlInterface|\PHPUnit\Framework\MockObject\MockObject
+     */
+    private $urlGenerator;
+    /**
+     * @var TimezoneInterface|\PHPUnit\Framework\MockObject\MockObject
+     */
+    private $date;
+    /**
+     * @var FileManager
+     */
+    private $fileManager;
+
+    public function setUp(): void
+    {
+        $this->serializer = $this->createMock(Json::class);
+        $this->directoryList = $this->createMock(DirectoryList::class);
+        $this->directoryList->method('getPath')->willReturn(self::MEDIA_DIR_ABSOLUTE);
+        $this->filesystem = $this->createMock(Filesystem::class);
+        $this->fileDriver = $this->createMock(File::class);
+        $this->urlGenerator = $this->createMock(UrlInterface::class);
+        $this->date = $this->createMock(TimezoneInterface::class);
+
+        $this->fileManager = new FileManager(
+            $this->serializer,
+            $this->directoryList,
+            $this->filesystem,
+            $this->fileDriver,
+            $this->urlGenerator,
+            $this->date
+        );
+    }
+
+    public function testWriteJsTranslationFileContentWithoutBaseDirYet()
+    {
+        $themePath = 'Theme/default/nl_BE';
+        $now = new \DateTime('now');
+        $version = (string)$now->getTimestamp();
+        $savePath = self::MEDIA_DIR_ABSOLUTE . '/phpro_translations/' . $themePath;
+
+        $this->fileDriver
+            ->expects(static::once())
+            ->method('isExists')
+            ->with(self::MEDIA_DIR_ABSOLUTE . '/phpro_translations/' . $themePath)
+            ->willReturn(false);
+        $this->fileDriver
+            ->expects(static::once())
+            ->method('createDirectory')
+            ->with($savePath);
+        $this->date
+            ->method('date')
+            ->willReturn($now);
+        $this->serializer
+            ->method('serialize')
+            ->willReturn('{"keyValue":"transValue"}');
+        $this->fileDriver
+            ->method('filePutContents')
+            ->withConsecutive(
+                [$savePath . '/' . $version . 'translation.json', '{"keyValue":"transValue"}'],
+                [$savePath . '/deployed_version.txt', $version],
+            );
+
+        $this->fileManager->writeJsTranslationFileContent(
+            ['keyValue' => 'transValue'],
+            'Theme/default/nl_BE'
+        );
+    }
+
+    public function testWriteJsTranslationFileContentWithBaseDirAndCleanup()
+    {
+        $themePath = 'Theme/default/nl_BE';
+        $now = new \DateTime('now');
+        $version = (string)$now->getTimestamp();
+        $savePath = self::MEDIA_DIR_ABSOLUTE . '/phpro_translations/' . $themePath;
+        $relativePath = 'phpro_translations/' . $themePath;
+        $oldVersion = '123456';
+
+        $this->fileDriver
+            ->expects(static::once())
+            ->method('isExists')
+            ->with(self::MEDIA_DIR_ABSOLUTE . '/phpro_translations/' . $themePath)
+            ->willReturn(true);
+
+        $reader = $this->createMock(Read::class);
+        $this->filesystem
+            ->method('getDirectoryRead')
+            ->willReturn($reader);
+        $reader
+            ->expects(static::once())
+            ->method('isExist')
+            ->with($relativePath . '/deployed_version.txt')
+            ->willReturn(true);
+        $reader
+            ->expects(static::once())
+            ->method('readFile')
+            ->with($relativePath . '/deployed_version.txt')
+            ->willReturn($oldVersion);
+        $this->fileDriver
+            ->expects(static::once())
+            ->method('readDirectory')
+            ->with($savePath)
+            ->willReturn([
+                $savePath . '/deployed_version.txt',
+                $savePath . '/other.file',
+                $savePath . '/123456translation.json',
+                $savePath . '/654321translation.json',
+                $savePath . '/001122translation.json',
+            ]);
+        $this->fileDriver
+            ->expects(static::exactly(2))
+            ->method('deleteFile')
+            ->withConsecutive(
+                [$savePath . '/654321translation.json'],
+                [$savePath . '/001122translation.json']
+            );
+        $this->date
+            ->method('date')
+            ->willReturn($now);
+        $this->serializer
+            ->method('serialize')
+            ->willReturn('{"keyValue":"transValue"}');
+        $this->fileDriver
+            ->method('filePutContents')
+            ->withConsecutive(
+                [$savePath . '/' . $version . 'translation.json', '{"keyValue":"transValue"}'],
+                [$savePath . '/deployed_version.txt', $version],
+            );
+
+        $this->fileManager->writeJsTranslationFileContent(
+            ['keyValue' => 'transValue'],
+            'Theme/default/nl_BE'
+        );
+    }
+}
diff --git a/Test/Unit/bootstrap.php b/Test/Unit/bootstrap.php
new file mode 100644
index 0000000..c0ad674
--- /dev/null
+++ b/Test/Unit/bootstrap.php
@@ -0,0 +1,2 @@
+<?php declare(strict_types=1);
+require_once __DIR__ . '/../../vendor/autoload.php';
diff --git a/Ui/Component/Listing/Column/TranslationActions.php b/Ui/Component/Listing/Column/TranslationActions.php
new file mode 100644
index 0000000..ebc067f
--- /dev/null
+++ b/Ui/Component/Listing/Column/TranslationActions.php
@@ -0,0 +1,74 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\Ui\Component\Listing\Column;
+
+use Magento\Ui\Component\Listing\Columns\Column;
+
+class TranslationActions extends Column
+{
+    const URL_PATH_EDIT = 'phpro_translations/translation/edit';
+    const URL_PATH_DELETE = 'phpro_translations/translation/delete';
+    const URL_PATH_DETAILS = 'phpro_translations/translation/details';
+    protected $urlBuilder;
+
+    /**
+     * @param \Magento\Framework\View\Element\UiComponent\ContextInterface $context
+     * @param \Magento\Framework\View\Element\UiComponentFactory $uiComponentFactory
+     * @param \Magento\Framework\UrlInterface $urlBuilder
+     * @param array $components
+     * @param array $data
+     */
+    public function __construct(
+        \Magento\Framework\View\Element\UiComponent\ContextInterface $context,
+        \Magento\Framework\View\Element\UiComponentFactory $uiComponentFactory,
+        \Magento\Framework\UrlInterface $urlBuilder,
+        array $components = [],
+        array $data = []
+    ) {
+        $this->urlBuilder = $urlBuilder;
+        parent::__construct($context, $uiComponentFactory, $components, $data);
+    }
+
+    /**
+     * Prepare Data Source
+     *
+     * @param array $dataSource
+     * @return array
+     */
+    public function prepareDataSource(array $dataSource)
+    {
+        if (isset($dataSource['data']['items'])) {
+            foreach ($dataSource['data']['items'] as & $item) {
+                if (isset($item['key_id'])) {
+                    $item[$this->getData('name')] = [
+                        'edit' => [
+                            'href' => $this->urlBuilder->getUrl(
+                                static::URL_PATH_EDIT,
+                                [
+                                    'key_id' => $item['key_id']
+                                ]
+                            ),
+                            'label' => __('Edit')
+                        ],
+                        'delete' => [
+                            'href' => $this->urlBuilder->getUrl(
+                                static::URL_PATH_DELETE,
+                                [
+                                    'key_id' => $item['key_id']
+                                ]
+                            ),
+                            'label' => __('Delete'),
+                            'confirm' => [
+                                'title' =>__('Delete %1', $item['key_id']),
+                                'message' => __('Are you sure you want to delete record %1?', $item['key_id']),
+                            ]
+                        ]
+                    ];
+                }
+            }
+        }
+
+        return $dataSource;
+    }
+}
diff --git a/ViewModel/JsTranslationConfig.php b/ViewModel/JsTranslationConfig.php
new file mode 100644
index 0000000..c1061e4
--- /dev/null
+++ b/ViewModel/JsTranslationConfig.php
@@ -0,0 +1,43 @@
+<?php
+declare(strict_types=1);
+
+namespace Phpro\Translations\ViewModel;
+
+use Magento\Framework\View\DesignInterface;
+use Magento\Framework\View\Element\Block\ArgumentInterface;
+use Phpro\Translations\Model\InlineTranslations\FileManager;
+
+class JsTranslationConfig implements ArgumentInterface
+{
+    /**
+     * @var FileManager
+     */
+    private $fileManager;
+    /**
+     * @var DesignInterface
+     */
+    private $design;
+
+    public function __construct(
+        FileManager $fileManager,
+        DesignInterface $design
+    ) {
+        $this->fileManager = $fileManager;
+        $this->design = $design;
+    }
+
+    public function getJsTranslationFilePath(): string
+    {
+        try {
+            return $this->fileManager->getJsTranslationUrl(
+                sprintf(
+                    '%s/%s',
+                    $this->design->getDesignTheme()->getThemePath(),
+                    $this->design->getLocale()
+                )
+            );
+        } catch (\Exception $e) {
+            return '';
+        }
+    }
+}
diff --git a/composer.json b/composer.json
new file mode 100644
index 0000000..a42b6fe
--- /dev/null
+++ b/composer.json
@@ -0,0 +1,63 @@
+{
+    "name": "phpro/mage2-module-translations",
+    "description": "Manage translations via the Magento backend",
+    "type": "magento2-module",
+    "license": "MIT",
+    "authors": [
+        {
+            "name": "PHPro NV",
+            "email": "info@phpro.be",
+            "homepage": "https://www.phpro.be/"
+        }
+    ],
+    "require": {
+        "php": "^7.3",
+        "magento/framework": "^102.0|^103.0",
+        "magento/module-backend": "^101.0|^102.0",
+        "magento/module-ui": "^101.1"
+    },
+    "require-dev": {
+        "friendsofphp/php-cs-fixer": "~2.14",
+        "magento/magento-coding-standard": "5",
+        "php-parallel-lint/php-parallel-lint": "^1.3",
+        "phpro/grumphp-shim": "~1.5.0",
+        "phpunit/phpunit": "^8.5",
+        "squizlabs/php_codesniffer": "~3.4"
+    },
+    "autoload": {
+        "psr-4": {
+            "Phpro\\Translations\\": ""
+        },
+        "files": [
+            "registration.php"
+        ]
+    },
+    "repositories": [
+        {
+            "type": "composer",
+            "url": "https://repo.magento.com/"
+        }
+    ],
+    "config": {
+        "sort-packages": true,
+        "platform": {
+            "ext-gd": "7.3",
+            "ext-xsl": "7.3",
+            "ext-bcmath": "7.3",
+            "ext-pdo_mysql": "7.3",
+            "ext-soap": "7.3",
+            "ext-zip": "7.3"
+        },
+        "allow-plugins": {
+            "phpro/grumphp-shim": true
+        }
+    },
+    "scripts": {
+        "post-install-cmd": [
+            "([ $COMPOSER_DEV_MODE -eq 0 ] || vendor/bin/phpcs --config-set installed_paths ../../magento/magento-coding-standard,../../phpcompatibility/php-compatibility/PHPCompatibility)"
+        ],
+        "post-update-cmd": [
+            "([ $COMPOSER_DEV_MODE -eq 0 ] || vendor/bin/phpcs --config-set installed_paths ../../magento/magento-coding-standard,../../phpcompatibility/php-compatibility/PHPCompatibility)"
+        ]
+    }
+}
diff --git a/etc/acl.xml b/etc/acl.xml
new file mode 100644
index 0000000..84c2be1
--- /dev/null
+++ b/etc/acl.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" ?>
+<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Acl/etc/acl.xsd">
+	<acl>
+		<resources>
+			<resource id="Magento_Backend::admin">
+				<resource id="Phpro_Translations::Translation" sortOrder="10" title="Translation">
+					<resource id="Phpro_Translations::Translation_save" sortOrder="10" title="Save Translation"/>
+					<resource id="Phpro_Translations::Translation_delete" sortOrder="20" title="Delete Translation"/>
+					<resource id="Phpro_Translations::Translation_update" sortOrder="30" title="Update Translation"/>
+					<resource id="Phpro_Translations::Translation_view" sortOrder="40" title="View Translation"/>
+					<resource id="Phpro_Translations::Translation_new_action" sortOrder="40" title="Create Translation"/>
+				</resource>
+			</resource>
+		</resources>
+	</acl>
+</config>
diff --git a/etc/adminhtml/di.xml b/etc/adminhtml/di.xml
new file mode 100644
index 0000000..ce4717c
--- /dev/null
+++ b/etc/adminhtml/di.xml
@@ -0,0 +1,19 @@
+<?xml version="1.0" ?>
+<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+        xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
+    <type name="Magento\Ui\Model\Export\MetadataProvider">
+        <plugin name="translations_update_metadata_fields_for_exports" type="Phpro\Translations\Plugin\UpdateMetadataFields" />
+    </type>
+    <type name="Magento\Framework\View\Element\Message\MessageConfigurationsPool">
+        <arguments>
+            <argument name="configurationsMap" xsi:type="array">
+                <item name="inlineGenerateSuccessMessage" xsi:type="array">
+                    <item name="renderer" xsi:type="const">\Magento\Framework\View\Element\Message\Renderer\BlockRenderer::CODE</item>
+                    <item name="data" xsi:type="array">
+                        <item name="template" xsi:type="string">Phpro_Translations::messages/inlineGenerateSuccessMessage.phtml</item>
+                    </item>
+                </item>
+            </argument>
+        </arguments>
+    </type>
+</config>
diff --git a/etc/adminhtml/menu.xml b/etc/adminhtml/menu.xml
new file mode 100644
index 0000000..1b746be
--- /dev/null
+++ b/etc/adminhtml/menu.xml
@@ -0,0 +1,27 @@
+<?xml version="1.0" ?>
+<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+        xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Backend:etc/menu.xsd">
+    <menu>
+        <add id="Phpro_Translations::translations"
+             module="Phpro_Translations"
+             resource="Magento_Backend::content"
+             sortOrder="40"
+             title="Translations"
+        />
+        <add action="phpro_translations/translation/index"
+             id="Phpro_Translations::phpro_translations_translation"
+             module="Phpro_Translations"
+             parent="Phpro_Translations::translations"
+             resource="Magento_Backend::content"
+             sortOrder="50" title="Translations"
+        />
+        <add action="phpro_translations/translation/generatejson"
+             id="Phpro_Translations::phpro_translations_generated_frontend_translation"
+             module="Phpro_Translations"
+             parent="Phpro_Translations::translations"
+             resource="Magento_Backend::content"
+             sortOrder="100"
+             title="Generate frontend translations"
+        />
+    </menu>
+</config>
diff --git a/etc/adminhtml/routes.xml b/etc/adminhtml/routes.xml
new file mode 100644
index 0000000..3785433
--- /dev/null
+++ b/etc/adminhtml/routes.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" ?>
+<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:App/etc/routes.xsd">
+	<router id="admin">
+		<route frontName="phpro_translations" id="phpro_translations">
+			<module before="Magento_Backend" name="Phpro_Translations"/>
+		</route>
+	</router>
+</config>
diff --git a/etc/db_schema.xml b/etc/db_schema.xml
new file mode 100644
index 0000000..c42c78b
--- /dev/null
+++ b/etc/db_schema.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0"?>
+<schema xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+        xsi:noNamespaceSchemaLocation="urn:magento:framework:Setup/Declaration/Schema/etc/schema.xsd">
+    <table name="translation">
+        <column xsi:type="boolean" name="frontend" nullable="false"
+                default="false" comment="is string available in frontend"/>
+    </table>
+</schema>
diff --git a/etc/di.xml b/etc/di.xml
new file mode 100644
index 0000000..8036dc2
--- /dev/null
+++ b/etc/di.xml
@@ -0,0 +1,40 @@
+<?xml version="1.0" ?>
+<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:ObjectManager/etc/config.xsd">
+	<preference for="Phpro\Translations\Api\TranslationDataManagementInterface" type="Phpro\Translations\Model\TranslationDataManagement"/>
+	<preference for="Phpro\Translations\Api\ImportManagementInterface" type="Phpro\Translations\Model\ImportManagement"/>
+	<preference for="Phpro\Translations\Api\ExportManagementInterface" type="Phpro\Translations\Model\ExportManagement"/>
+	<preference for="Phpro\Translations\Api\TranslationRepositoryInterface" type="Phpro\Translations\Model\TranslationRepository"/>
+	<preference for="Phpro\Translations\Api\Data\TranslationInterface" type="Phpro\Translations\Model\Data\Translation"/>
+	<preference for="Phpro\Translations\Api\Data\TranslationSearchResultsInterface" type="Magento\Framework\Api\SearchResults"/>
+	<virtualType name="Phpro\Translations\Model\ResourceModel\Translation\Grid\Collection" type="Magento\Framework\View\Element\UiComponent\DataProvider\SearchResult">
+		<arguments>
+			<argument name="mainTable" xsi:type="string">translation</argument>
+			<argument name="resourceModel" xsi:type="string">Phpro\Translations\Model\ResourceModel\Translation\Collection</argument>
+		</arguments>
+	</virtualType>
+	<type name="Magento\Framework\View\Element\UiComponent\DataProvider\CollectionFactory">
+		<arguments>
+			<argument name="collections" xsi:type="array">
+				<item name="phpro_translations_listing_data_source" xsi:type="string">Phpro\Translations\Model\ResourceModel\Translation\Grid\Collection</item>
+			</argument>
+		</arguments>
+	</type>
+	<type name="Magento\Framework\Console\CommandListInterface">
+		<arguments>
+			<argument name="commands" xsi:type="array">
+				<item name="phpro.translations.import" xsi:type="object">Phpro\Translations\Console\Command\Import</item>
+				<item name="phpro.translations.import_full" xsi:type="object">Phpro\Translations\Console\Command\ImportFull</item>
+				<item name="phpro.translations.export" xsi:type="object">Phpro\Translations\Console\Command\Export</item>
+				<item name="phpro.translations.generate_frontend_translations" xsi:type="object">Phpro\Translations\Console\Command\GenerateFrontendTranslations</item>
+                <item name="phpro_translations_prepare_keys_command" xsi:type="object">Phpro\Translations\Console\Command\PrepareKeysCommand</item>
+            </argument>
+		</arguments>
+	</type>
+    <type name="Magento\ImportExport\Model\Import\SampleFileProvider">
+        <arguments>
+            <argument name="samples" xsi:type="array">
+                <item name="translations" xsi:type="string">Phpro_Translations</item>
+            </argument>
+        </arguments>
+    </type>
+</config>
diff --git a/etc/import.xml b/etc/import.xml
new file mode 100644
index 0000000..ab502a4
--- /dev/null
+++ b/etc/import.xml
@@ -0,0 +1,6 @@
+<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+        xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_ImportExport:etc/import.xsd">
+    <entity name="translations" label="Translations"
+            model="Phpro\Translations\Model\Import\Translations"
+            behaviorModel="Phpro\Translations\Model\Source\Import\Behavior\TranslationsBasic"/>
+</config>
diff --git a/etc/module.xml b/etc/module.xml
new file mode 100644
index 0000000..6c06b1d
--- /dev/null
+++ b/etc/module.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" ?>
+<config xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Module/etc/module.xsd">
+	<module name="Phpro_Translations" setup_version="0.0.7">
+        <sequence>
+            <module name="Magento_ImportExport" />
+        </sequence>
+    </module>
+</config>
diff --git a/etc/webapi.xml b/etc/webapi.xml
new file mode 100644
index 0000000..fbadb54
--- /dev/null
+++ b/etc/webapi.xml
@@ -0,0 +1,33 @@
+<?xml version="1.0" ?>
+<routes xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Webapi:etc/webapi.xsd">
+	<route method="POST" url="/V1/phpro-translations/translation">
+		<service class="Phpro\Translations\Api\TranslationRepositoryInterface" method="save"/>
+		<resources>
+			<resource ref="Phpro_Translations::Translation_save"/>
+		</resources>
+	</route>
+	<route method="GET" url="/V1/phpro-translations/translation/search">
+		<service class="Phpro\Translations\Api\TranslationRepositoryInterface" method="getList"/>
+		<resources>
+			<resource ref="Phpro_Translations::Translation_view"/>
+		</resources>
+	</route>
+	<route method="GET" url="/V1/phpro-translations/translation/:translationId">
+		<service class="Phpro\Translations\Api\TranslationRepositoryInterface" method="getById"/>
+		<resources>
+			<resource ref="Phpro_Translations::Translation_view"/>
+		</resources>
+	</route>
+	<route method="PUT" url="/V1/phpro-translations/translation/:translationId">
+		<service class="Phpro\Translations\Api\TranslationRepositoryInterface" method="save"/>
+		<resources>
+			<resource ref="Phpro_Translations::Translation_update"/>
+		</resources>
+	</route>
+	<route method="DELETE" url="/V1/phpro-translations/translation/:translationId">
+		<service class="Phpro\Translations\Api\TranslationRepositoryInterface" method="deleteById"/>
+		<resources>
+			<resource ref="Phpro_Translations::Translation_delete"/>
+		</resources>
+	</route>
+</routes>
diff --git a/grumphp.yml b/grumphp.yml
new file mode 100644
index 0000000..71259bd
--- /dev/null
+++ b/grumphp.yml
@@ -0,0 +1,24 @@
+grumphp:
+  tasks:
+    phpcsfixer:
+      config_contains_finder: true
+      config: .php_cs
+      triggered_by: [php]
+    phplint:
+      triggered_by: [php]
+    phpcs:
+      standard: [Magento2, PSR2]
+      ignore_patterns:
+        - "mage2-module-translations/vendor"
+        - "Test/Unit"
+      exclude:
+        - Magento2.Functions.StaticFunction
+        - Magento2.Exceptions.DirectThrow
+        - Magento2.Exceptions.ThrowCatch
+        - Magento2.Translation.ConstantUsage
+        - Magento2.NamingConvention.ReservedWords
+      triggered_by: [php]
+    phpunit:
+      always_execute: true
+    file_size:
+      max_size: 5M
diff --git a/phpunit.xml b/phpunit.xml
new file mode 100644
index 0000000..32c955b
--- /dev/null
+++ b/phpunit.xml
@@ -0,0 +1,7 @@
+<phpunit bootstrap="Test/Unit/bootstrap.php" colors="true">
+    <testsuites>
+        <testsuite name="Unit">
+            <directory>Test/Unit</directory>
+        </testsuite>
+    </testsuites>
+</phpunit>
diff --git a/registration.php b/registration.php
new file mode 100644
index 0000000..556395e
--- /dev/null
+++ b/registration.php
@@ -0,0 +1,6 @@
+<?php declare(strict_types=1);
+\Magento\Framework\Component\ComponentRegistrar::register(
+    \Magento\Framework\Component\ComponentRegistrar::MODULE,
+    'Phpro_Translations',
+    __DIR__
+);
diff --git a/resources/phpro-translation-module-EUD.pdf b/resources/phpro-translation-module-EUD.pdf
new file mode 100644
index 0000000..0bb0cf5
Binary files /dev/null and b/resources/phpro-translation-module-EUD.pdf differ
diff --git a/view/adminhtml/layout/phpro_translations_translation_edit.xml b/view/adminhtml/layout/phpro_translations_translation_edit.xml
new file mode 100644
index 0000000..3cdd869
--- /dev/null
+++ b/view/adminhtml/layout/phpro_translations_translation_edit.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" ?>
+<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
+	<update handle="styles"/>
+	<body>
+		<referenceContainer name="content">
+			<uiComponent name="phpro_translations_edit_form"/>
+		</referenceContainer>
+	</body>
+</page>
diff --git a/view/adminhtml/layout/phpro_translations_translation_generatejson.xml b/view/adminhtml/layout/phpro_translations_translation_generatejson.xml
new file mode 100644
index 0000000..495d6e0
--- /dev/null
+++ b/view/adminhtml/layout/phpro_translations_translation_generatejson.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" ?>
+<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
+	<update handle="styles"/>
+	<body>
+		<referenceContainer name="content">
+			<uiComponent name="phpro_translations_generate_translations_form"/>
+		</referenceContainer>
+	</body>
+</page>
diff --git a/view/adminhtml/layout/phpro_translations_translation_index.xml b/view/adminhtml/layout/phpro_translations_translation_index.xml
new file mode 100644
index 0000000..210d554
--- /dev/null
+++ b/view/adminhtml/layout/phpro_translations_translation_index.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" ?>
+<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
+	<update handle="styles"/>
+	<body>
+		<referenceContainer name="content">
+			<uiComponent name="phpro_translations_listing"/>
+		</referenceContainer>
+	</body>
+</page>
diff --git a/view/adminhtml/layout/phpro_translations_translation_new.xml b/view/adminhtml/layout/phpro_translations_translation_new.xml
new file mode 100644
index 0000000..0c7152b
--- /dev/null
+++ b/view/adminhtml/layout/phpro_translations_translation_new.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" ?>
+<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
+    <update handle="styles"/>
+    <body>
+        <referenceContainer name="content">
+            <uiComponent name="phpro_translations_create_form"/>
+        </referenceContainer>
+    </body>
+</page>
diff --git a/view/adminhtml/templates/messages/inlineGenerateSuccessMessage.phtml b/view/adminhtml/templates/messages/inlineGenerateSuccessMessage.phtml
new file mode 100644
index 0000000..efe07ac
--- /dev/null
+++ b/view/adminhtml/templates/messages/inlineGenerateSuccessMessage.phtml
@@ -0,0 +1,11 @@
+<?php
+/** @var \Magento\Framework\View\Element\Template $block */
+/** @var \Phpro\Translations\Model\Data\InlineGenerateStatsCollection $statsItems */
+$statsItems = $block->getData('statsItems')
+?>
+<?= __('Inline frontend translations successfully re-generated for:'); ?>
+<ul style="margin-left: 35px; margin-top: 10px;">
+<?php foreach ($statsItems as $stats): ?>
+    <li><?= $stats ?></li>
+<?php endforeach; ?>
+</ul>
diff --git a/view/adminhtml/ui_component/phpro_translations_create_form.xml b/view/adminhtml/ui_component/phpro_translations_create_form.xml
new file mode 100644
index 0000000..e62528b
--- /dev/null
+++ b/view/adminhtml/ui_component/phpro_translations_create_form.xml
@@ -0,0 +1,114 @@
+<?xml version="1.0" ?>
+<form xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+      xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
+    <argument name="data" xsi:type="array">
+        <item name="js_config" xsi:type="array">
+            <item name="provider" xsi:type="string">phpro_translations_create_form.translation_form_data_source
+            </item>
+        </item>
+        <item name="label" translate="true" xsi:type="string">General Information</item>
+        <item name="template" xsi:type="string">templates/form/collapsible</item>
+    </argument>
+    <settings>
+        <buttons>
+            <button class="Phpro\Translations\Block\Adminhtml\Translation\Edit\BackButton" name="back"/>
+            <button class="Phpro\Translations\Block\Adminhtml\Translation\Edit\SaveButton" name="save"/>
+        </buttons>
+        <namespace>phpro_translations_create_form</namespace>
+        <dataScope>data</dataScope>
+        <deps>
+            <dep>phpro_translations_create_form.translation_form_data_source</dep>
+        </deps>
+    </settings>
+    <dataSource name="translation_form_data_source">
+        <argument name="data" xsi:type="array">
+            <item name="js_config" xsi:type="array">
+                <item name="component" xsi:type="string">Magento_Ui/js/form/provider</item>
+            </item>
+        </argument>
+        <settings>
+            <submitUrl path="*/*/saveNew"/>
+        </settings>
+        <dataProvider class="Phpro\Translations\Model\Translation\DataProvider" name="translation_form_data_source">
+            <settings>
+                <requestFieldName>key_id</requestFieldName>
+                <primaryFieldName>key_id</primaryFieldName>
+            </settings>
+        </dataProvider>
+    </dataSource>
+    <fieldset name="general">
+        <settings>
+            <label/>
+        </settings>
+        <field formElement="input" name="string" sortOrder="10">
+            <argument name="data" xsi:type="array">
+                <item name="config" xsi:type="array">
+                    <item name="label" xsi:type="string" translate="true">Translation Key</item>
+                    <item name="sortOrder" xsi:type="number">10</item>
+                    <item name="dataType" xsi:type="string">string</item>
+                    <item name="source" xsi:type="string">translation-key</item>
+                    <item name="dataScope" xsi:type="string">string</item>
+                    <item name="validation" xsi:type="array">
+                        <item name="required-entry" xsi:type="boolean">true</item>
+                    </item>
+                </item>
+            </argument>
+        </field>
+        <field formElement="multiselect" name="locale_field">
+            <argument name="data" xsi:type="array">
+                <item name="config" xsi:type="array">
+                    <item name="label" xsi:type="string" translate="true">Locale</item>
+                    <item name="sortOrder" xsi:type="number">20</item>
+                    <item name="dataType" xsi:type="string">string</item>
+                    <item name="source" xsi:type="string">translation-locale</item>
+                    <item name="dataScope" xsi:type="string">locale_field</item>
+                    <item name="validation" xsi:type="array">
+                        <item name="required-entry" xsi:type="boolean">true</item>
+                    </item>
+                </item>
+            </argument>
+            <formElements>
+                <multiselect>
+                    <settings>
+                        <options class="Phpro\Translations\Model\Translation\Source\Locales"/>
+                    </settings>
+                </multiselect>
+            </formElements>
+        </field>
+        <field formElement="input" name="translate">
+            <argument name="data" xsi:type="array">
+                <item name="config" xsi:type="array">
+                    <item name="label" xsi:type="string" translate="true">Translation String</item>
+                    <item name="sortOrder" xsi:type="number">30</item>
+                    <item name="dataType" xsi:type="string">string</item>
+                    <item name="source" xsi:type="string">translation-string</item>
+                    <item name="dataScope" xsi:type="string">translate</item>
+                    <item name="validation" xsi:type="array">
+                        <item name="required-entry" xsi:type="boolean">true</item>
+                    </item>
+                </item>
+            </argument>
+        </field>
+        <field formElement="checkbox" name="frontend">
+            <argument name="data" xsi:type="array">
+                <item name="config" xsi:type="array">
+                    <item name="label" xsi:type="string" translate="true">Used in frontend translations? (PWA only)</item>
+                    <item name="sortOrder" xsi:type="number">40</item>
+                    <item name="dataType" xsi:type="string">boolean</item>
+                    <item name="source" xsi:type="string">translation-frontend</item>
+                    <item name="dataScope" xsi:type="string">frontend</item>
+                </item>
+            </argument>
+            <formElements>
+                <checkbox>
+                    <settings>
+                        <valueMap>
+                            <map name="false" xsi:type="string">0</map>
+                            <map name="true" xsi:type="string">1</map>
+                        </valueMap>
+                    </settings>
+                </checkbox>
+            </formElements>
+        </field>
+    </fieldset>
+</form>
diff --git a/view/adminhtml/ui_component/phpro_translations_edit_form.xml b/view/adminhtml/ui_component/phpro_translations_edit_form.xml
new file mode 100644
index 0000000..d3d8a32
--- /dev/null
+++ b/view/adminhtml/ui_component/phpro_translations_edit_form.xml
@@ -0,0 +1,117 @@
+<?xml version="1.0" ?>
+<form xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+      xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
+    <argument name="data" xsi:type="array">
+        <item name="js_config" xsi:type="array">
+            <item name="provider" xsi:type="string">phpro_translations_form.translation_form_data_source
+            </item>
+        </item>
+        <item name="label" translate="true" xsi:type="string">General Information</item>
+        <item name="template" xsi:type="string">templates/form/collapsible</item>
+    </argument>
+    <settings>
+        <buttons>
+            <button class="Phpro\Translations\Block\Adminhtml\Translation\Edit\BackButton" name="back"/>
+            <button class="Phpro\Translations\Block\Adminhtml\Translation\Edit\DeleteButton" name="delete"/>
+            <button class="Phpro\Translations\Block\Adminhtml\Translation\Edit\SaveButton" name="save"/>
+            <button class="Phpro\Translations\Block\Adminhtml\Translation\Edit\SaveAndContinueButton"
+                    name="save_and_continue"/>
+        </buttons>
+        <namespace>phpro_translations_edit_form</namespace>
+        <dataScope>data</dataScope>
+        <deps>
+            <dep>phpro_translations_edit_form.translation_form_data_source</dep>
+        </deps>
+    </settings>
+    <dataSource name="translation_form_data_source">
+        <argument name="data" xsi:type="array">
+            <item name="js_config" xsi:type="array">
+                <item name="component" xsi:type="string">Magento_Ui/js/form/provider</item>
+            </item>
+        </argument>
+        <settings>
+            <submitUrl path="*/*/save"/>
+        </settings>
+        <dataProvider class="Phpro\Translations\Model\Translation\DataProvider" name="translation_form_data_source">
+            <settings>
+                <requestFieldName>key_id</requestFieldName>
+                <primaryFieldName>key_id</primaryFieldName>
+            </settings>
+        </dataProvider>
+    </dataSource>
+    <fieldset name="general">
+        <settings>
+            <label/>
+        </settings>
+        <field formElement="input" name="string" sortOrder="10">
+            <argument name="data" xsi:type="array">
+                <item name="config" xsi:type="array">
+                    <item name="label" xsi:type="string" translate="true">Translation Key</item>
+                    <item name="sortOrder" xsi:type="number">10</item>
+                    <item name="dataType" xsi:type="string">string</item>
+                    <item name="source" xsi:type="string">translation-key</item>
+                    <item name="dataScope" xsi:type="string">string</item>
+                    <item name="validation" xsi:type="array">
+                        <item name="required-entry" xsi:type="boolean">true</item>
+                    </item>
+                </item>
+            </argument>
+        </field>
+        <field formElement="select" name="locale_field">
+            <argument name="data" xsi:type="array">
+                <item name="config" xsi:type="array">
+                    <item name="label" xsi:type="string" translate="true">Locale</item>
+                    <item name="sortOrder" xsi:type="number">20</item>
+                    <item name="dataType" xsi:type="string">string</item>
+                    <item name="source" xsi:type="string">translation-locale</item>
+                    <item name="dataScope" xsi:type="string">locale_field</item>
+                    <item name="validation" xsi:type="array">
+                        <item name="required-entry" xsi:type="boolean">true</item>
+                    </item>
+                </item>
+            </argument>
+            <formElements>
+                <select>
+                    <settings>
+                        <options class="Phpro\Translations\Model\Translation\Source\Locales"/>
+                    </settings>
+                </select>
+            </formElements>
+        </field>
+        <field formElement="input" name="translate">
+            <argument name="data" xsi:type="array">
+                <item name="config" xsi:type="array">
+                    <item name="label" xsi:type="string" translate="true">Translation String</item>
+                    <item name="sortOrder" xsi:type="number">30</item>
+                    <item name="dataType" xsi:type="string">string</item>
+                    <item name="source" xsi:type="string">translation-string</item>
+                    <item name="dataScope" xsi:type="string">translate</item>
+                    <item name="validation" xsi:type="array">
+                        <item name="required-entry" xsi:type="boolean">true</item>
+                    </item>
+                </item>
+            </argument>
+        </field>
+        <field formElement="checkbox" name="frontend">
+            <argument name="data" xsi:type="array">
+                <item name="config" xsi:type="array">
+                    <item name="label" xsi:type="string" translate="true">Used in frontend translations? (PWA only)</item>
+                    <item name="sortOrder" xsi:type="number">40</item>
+                    <item name="dataType" xsi:type="string">boolean</item>
+                    <item name="source" xsi:type="string">translation-frontend</item>
+                    <item name="dataScope" xsi:type="string">frontend</item>
+                </item>
+            </argument>
+            <formElements>
+                <checkbox>
+                    <settings>
+                        <valueMap>
+                            <map name="false" xsi:type="string">0</map>
+                            <map name="true" xsi:type="string">1</map>
+                        </valueMap>
+                    </settings>
+                </checkbox>
+            </formElements>
+        </field>
+    </fieldset>
+</form>
diff --git a/view/adminhtml/ui_component/phpro_translations_generate_translations_form.xml b/view/adminhtml/ui_component/phpro_translations_generate_translations_form.xml
new file mode 100644
index 0000000..3ccbff2
--- /dev/null
+++ b/view/adminhtml/ui_component/phpro_translations_generate_translations_form.xml
@@ -0,0 +1,60 @@
+<?xml version="1.0" ?>
+<form xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+      xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
+    <argument name="data" xsi:type="array">
+        <item name="js_config" xsi:type="array">
+            <item name="provider" xsi:type="string">phpro_translations_generate_translations_form.data_source</item>
+        </item>
+        <item name="label" translate="true" xsi:type="string">General Information</item>
+        <item name="template" xsi:type="string">templates/form/collapsible</item>
+    </argument>
+    <settings>
+        <buttons>
+            <button class="Phpro\Translations\Block\Adminhtml\Translation\GenerateJson\SaveButton" name="save"/>
+        </buttons>
+        <namespace>phpro_translations_generate_translations_form</namespace>
+        <dataScope>data</dataScope>
+        <deps>
+            <dep>phpro_translations_generate_translations_form.data_source</dep>
+        </deps>
+    </settings>
+    <dataSource name="data_source">
+        <argument name="data" xsi:type="array">
+            <item name="js_config" xsi:type="array">
+                <item name="component" xsi:type="string">Magento_Ui/js/form/provider</item>
+            </item>
+        </argument>
+        <settings>
+            <submitUrl path="*/*/doGenerate"/>
+        </settings>
+        <dataProvider class="Phpro\Translations\Model\Translation\EmptyDataProvider" name="data_source">
+            <settings>
+                <requestFieldName>fake_placeholder</requestFieldName>
+                <primaryFieldName>fake_placeholder</primaryFieldName>
+            </settings>
+        </dataProvider>
+    </dataSource>
+
+    <fieldset name="general">
+        <settings>
+            <label/>
+        </settings>
+
+        <field name="storeviews" formElement="multiselect">
+            <settings>
+                <validation>
+                    <rule name="required-entry" xsi:type="boolean">true</rule>
+                </validation>
+                <dataType>int</dataType>
+                <label translate="true">Store View</label>
+            </settings>
+            <formElements>
+                <multiselect>
+                    <settings>
+                        <options class="Magento\Cms\Ui\Component\Listing\Column\Cms\Options"/>
+                    </settings>
+                </multiselect>
+            </formElements>
+        </field>
+    </fieldset>
+</form>
diff --git a/view/adminhtml/ui_component/phpro_translations_listing.xml b/view/adminhtml/ui_component/phpro_translations_listing.xml
new file mode 100644
index 0000000..7897946
--- /dev/null
+++ b/view/adminhtml/ui_component/phpro_translations_listing.xml
@@ -0,0 +1,140 @@
+<?xml version="1.0" ?>
+<listing xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:noNamespaceSchemaLocation="urn:magento:module:Magento_Ui:etc/ui_configuration.xsd">
+    <argument name="data" xsi:type="array">
+        <item name="js_config" xsi:type="array">
+            <item name="provider" xsi:type="string">phpro_translations_listing.phpro_translations_listing_data_source</item>
+        </item>
+    </argument>
+    <settings>
+        <spinner>phpro_translations_columns</spinner>
+        <deps>
+            <dep>phpro_translations_listing.phpro_translations_listing_data_source</dep>
+        </deps>
+        <buttons>
+            <button name="add">
+                <url path="*/*/new"/>
+                <class>primary</class>
+                <label translate="true">Add new Translation</label>
+            </button>
+        </buttons>
+    </settings>
+    <dataSource component="Magento_Ui/js/grid/provider" name="phpro_translations_listing_data_source">
+        <settings>
+            <storageConfig>
+                <param name="indexField" xsi:type="string">key_id</param>
+            </storageConfig>
+            <updateUrl path="mui/index/render"/>
+        </settings>
+        <aclResource>Phpro_Translations::Translation</aclResource>
+        <dataProvider class="Magento\Framework\View\Element\UiComponent\DataProvider\DataProvider" name="phpro_translations_listing_data_source">
+            <settings>
+                <requestFieldName>id</requestFieldName>
+                <primaryFieldName>key_id</primaryFieldName>
+            </settings>
+        </dataProvider>
+    </dataSource>
+    <listingToolbar name="listing_top">
+        <settings>
+            <sticky>true</sticky>
+        </settings>
+        <bookmark name="bookmarks"/>
+        <columnsControls name="columns_controls"/>
+        <exportButton name="export_button"/>
+        <filters name="listing_filters"/>
+        <massaction name="listing_massaction">
+            <action name="edit">
+                <settings>
+                    <callback>
+                        <target>editSelected</target>
+                        <provider>phpro_translations_listing.phpro_translations_listing.phpro_translations_columns_editor</provider>
+                    </callback>
+                    <type>edit</type>
+                    <label translate="true">Edit</label>
+                </settings>
+            </action>
+        </massaction>
+        <paging name="listing_paging"/>
+    </listingToolbar>
+    <columns name="phpro_translations_columns">
+        <settings>
+            <editorConfig>
+                <param name="selectProvider" xsi:type="string">phpro_translations_listing.phpro_translations_listing.phpro_translations_columns.ids</param>
+                <param name="enabled" xsi:type="boolean">true</param>
+                <param name="indexField" xsi:type="string">key_id</param>
+                <param name="clientConfig" xsi:type="array">
+                    <item name="saveUrl" path="phpro_translations/translation/inlineEdit" xsi:type="url"/>
+                    <item name="validateBeforeSave" xsi:type="boolean">false</item>
+                </param>
+            </editorConfig>
+            <childDefaults>
+                <param name="fieldAction" xsi:type="array">
+                    <item name="provider" xsi:type="string">phpro_translations_listing.phpro_translations_listing.phpro_translations_columns_editor</item>
+                    <item name="target" xsi:type="string">startEdit</item>
+                    <item name="params" xsi:type="array">
+                        <item name="0" xsi:type="string">${ $.$data.rowIndex }</item>
+                        <item name="1" xsi:type="boolean">true</item>
+                    </item>
+                </param>
+            </childDefaults>
+        </settings>
+        <selectionsColumn name="ids">
+            <settings>
+                <indexField>key_id</indexField>
+                <resizeEnabled>false</resizeEnabled>
+                <resizeDefaultWidth>55</resizeDefaultWidth>
+            </settings>
+        </selectionsColumn>
+        <column name="key_id">
+            <settings>
+                <sorting>asc</sorting>
+                <label translate="true">ID</label>
+            </settings>
+        </column>
+        <column name="string">
+            <settings>
+                <filter>text</filter>
+                <label translate="true">Translation key</label>
+                <editor>
+                    <editorType>text</editorType>
+                    <validation>
+                        <rule name="required-entry" xsi:type="boolean">true</rule>
+                    </validation>
+                </editor>
+            </settings>
+        </column>
+        <column name="translate">
+            <settings>
+                <filter>text</filter>
+                <label translate="true">Translation string</label>
+                <editor>
+                    <editorType>text</editorType>
+                    <validation>
+                        <rule name="required-entry" xsi:type="boolean">true</rule>
+                    </validation>
+                </editor>
+            </settings>
+        </column>
+        <column name="locale" component="Magento_Ui/js/grid/columns/select">
+            <settings>
+                <options class="Phpro\Translations\Model\Translation\Source\Locales"/>
+                <filter>select</filter>
+                <label translate="true">Locale</label>
+                <dataType>select</dataType>
+                <editor>
+                    <editorType>select</editorType>
+                    <validation>
+                        <rule name="required-entry" xsi:type="boolean">true</rule>
+                    </validation>
+                </editor>
+            </settings>
+        </column>
+        <actionsColumn class="Phpro\Translations\Ui\Component\Listing\Column\TranslationActions" name="actions">
+            <settings>
+                <indexField>key_id</indexField>
+                <resizeEnabled>false</resizeEnabled>
+                <resizeDefaultWidth>107</resizeDefaultWidth>
+            </settings>
+        </actionsColumn>
+    </columns>
+</listing>
diff --git a/view/adminhtml/web/css/source/_module.less b/view/adminhtml/web/css/source/_module.less
new file mode 100644
index 0000000..3392d11
--- /dev/null
+++ b/view/adminhtml/web/css/source/_module.less
@@ -0,0 +1 @@
+@import "module/_general";
diff --git a/view/adminhtml/web/css/source/module/_general.less b/view/adminhtml/web/css/source/module/_general.less
new file mode 100644
index 0000000..52a2c97
--- /dev/null
+++ b/view/adminhtml/web/css/source/module/_general.less
@@ -0,0 +1,16 @@
+/* SVG file ./globe-darkgray.svg converted to base64 */
+.admin__menu .item-translations.level-0 > a:before {
+    content: '';
+    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAyNCIgaGVpZ2h0PSIxMDI0IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0Ij4KPHRpdGxlPjwvdGl0bGU+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+CjwvZz4KPHBhdGggZmlsbD0iI2FhYTZhMCIgZD0iTTUxMS40MDcgMC4wNDdjLTE4LjM1NSAwLTM2LjY5NyAwLjk4Ny01NC45NDggMi45NTQtMTYuNzI4IDEuNzA5LTMzLjI1IDQuNTExLTQ5LjU1IDcuOTExLTMuMTU1IDAuNjYtNi4zMTEgMS4zNTYtOS40NjYgMi4wODUtOTYuMDQwIDIxLjg2Ni0xODMuNzM2IDcwLjk3LTI1Mi41NyAxNDEuNDI0LTYuNDAxIDYuNTYxLTEyLjY2NyAxMy4zMTctMTguNzk1IDIwLjI2NC0xODUuOTQyIDIxMy40NjgtMTYzLjYyNyA1MzcuMjU1IDQ5Ljg0MyA3MjMuMTk3IDIwNC4zNyAxNzguMDE2IDUxMS45OTkgMTY2LjE3MSA3MDIuMDc2LTI3LjAzMSA2LjQxNC02LjU2MSAxMi42NzgtMTMuMzE3IDE4Ljc5NS0yMC4yNjQgODIuMDU5LTkzLjQ1IDEyNy4yODEtMjEzLjU4NiAxMjcuMjA4LTMzNy45NTEgMC0yODMuMDk3LTIyOS40OTUtNTEyLjU5MS01MTIuNTkzLTUxMi41ODh6TTE2Ny42NDkgMTgwLjA1MGMyLjctMi44MDIgNS41MDItNS40ODUgOC4yNTMtOC4yMDEgMy4xNzgtMy4xMjcgNi4zMzktNi4yNzEgOS41ODUtOS4yOTUgMi44NTMtMi42NjUgNS43OTItNS4yMjggOC43MTQtNy44MjYgMy4yOTgtMi45MjIgNi41NzgtNS44NDQgOS45NjEtOC42NjMgMi45NzMtMi41MTIgNi4wMzEtNC45MjEgOS4wNzMtNy4zNDcgMy40MTctMi43MzQgNi44MzUtNS40NjggMTAuMzU0LTguMDk5IDMuMTEtMi4zNDEgNi4yNzEtNC42MTMgOS40NDktNi44MzUgMy41MzctMi41MjkgNy4wOTEtNS4xMjYgMTAuNjk2LTcuNDg0IDMuMjI5LTIuMTg3IDYuNDkzLTQuMzA2IDkuNzczLTYuNDA3IDMuNjU2LTIuMzQxIDcuMzMtNC42NDcgMTEuMDM4LTYuODM1IDMuMzM4LTEuOTkzIDYuNjk4LTMuOTUzIDEwLjA4MS01Ljg3OCAzLjc4Mi0yLjE1MyA3LjU4LTQuMjU1IDExLjM5Ny02LjMwNSAzLjQxNy0xLjgyMiA2LjgzNS0zLjYwNSAxMC4yNTItNS4zNDggMy44OTYtMS45NjUgNy44MjYtMy44NjIgMTEuNzcyLTUuNzI0IDMuNDE3LTEuNjIzIDYuOTcxLTMuMjQ2IDEwLjQ5MS00Ljc4NCA0LjAxNS0xLjcwOSA4LjA4Mi0zLjQxNyAxMi4xNDgtNS4xMjYgMy41MzctMS40NTIgNy4wNTctMi44NzEgMTAuNjI4LTQuMjM3IDQuMTM1LTEuNTcyIDguMzIxLTMuMDQxIDEyLjUwNy00LjUxMSAzLjU3MS0xLjI0NyA3LjE0Mi0yLjQ5NSAxMC43NjQtMy42NzQgNC4yNTUtMS4zNjcgOC41NDMtMi42MzEgMTIuODQ5LTMuODc5IDMuNjA1LTEuMDQyIDcuMTc2LTIuMTE5IDEwLjc5OS0zLjA5MyAxLjM4NC0wLjM1OSAyLjc2OC0wLjY0OSA0LjE1Mi0xLjAwOC01MC41NzYgNDkuMTA4LTg4LjEwOCAxMTAuMDU1LTEwOS4xOTkgMTc3LjMyMi00MC41NTQtMTAuNjk2LTc5LjgxNS0yNS44MDUtMTE3LjA3Ni00NS4wNTcgMC41NjQtMC41OTggMS4wNDItMS4xOTYgMS41MzgtMS43MDl6TTE0My4wNzkgMjA3LjU1OWM0MS4wNDQgMjIuMjM4IDg0LjU2NyAzOS41NTkgMTI5LjY2OCA1MS42MDEtMjIuMTEgNzYuODgtMzMuNzE2IDE1Ni4zOTgtMzQuNDk3IDIzNi4zOWgtMjA0Ljg2NWMzLjcyMy0xMDUuNDg1IDQyLjI5Ny0yMDYuNzYgMTA5LjY5NC0yODcuOTl6TTE0My4wNzkgODE3LjcxMmMtNjcuMzkzLTgxLjIzMy0xMDUuOTY3LTE4Mi41MDgtMTA5LjY5NC0yODcuOTloMjA0Ljg2NWMwLjc4MiA3OS45OTIgMTIuMzg1IDE1OS41MSAzNC40OTcgMjM2LjM5LTQ1LjA5OSAxMi4wNDYtODguNjIzIDI5LjM2NS0xMjkuNjY4IDUxLjYwMXpNMzg4LjEzMSA5NzQuODM4Yy0zLjQ1MS0wLjg3MS03LjAyMi0xLjk5OS0xMC41NzYtMy4wNDEtNC4zMjMtMS4yNjQtOC42NjMtMi41MjktMTIuOTM0LTMuOTEzLTMuNjA1LTEuMTYyLTcuMTU5LTIuNDA5LTEwLjcxMy0zLjY1Ni00LjIwMy0xLjQ1Mi04LjQwNi0yLjkzOS0xMi41NTgtNC41MjgtMy41NTQtMS4zNS03LjA1Ny0yLjc2OC0xMC41NzYtNC4yMDMtNC4wODQtMS43MDktOC4xNjctMy40MTctMTIuMjE3LTUuMTI2LTMuNDg2LTEuNTM4LTYuOTU0LTMuMTItMTAuNDA2LTQuNzUtMy45ODEtMS44NzktNy45NDUtMy43OTMtMTEuOTYtNS43NzUtMy40MTctMS43MDktNi44MzUtMy40MTctMTAuMjUyLTUuMjgtMy44NjItMi4wNjctNy42ODktNC4xODYtMTEuNTE2LTYuMzczLTMuNDE3LTEuODk3LTYuNjY0LTMuODQ0LTkuOTYxLTUuODI2LTMuNzU5LTIuMjU1LTcuNDUtNC41NzktMTEuMTQtNi45NTQtMy4yNDYtMi4wNjctNi40OTMtNC4xNjktOS42ODgtNi4zMjItMy42MzktMi40Ni03LjI0NS01LjAyMy0xMC44MTYtNy41ODYtMy4xMjctMi4yMzgtNi4yNTQtNC40NzctOS4zMjktNi44MzUtMy41MzctMi42NjUtNy4wMDUtNS40MTYtMTAuNDU3LTguMTg0LTMuMDI0LTIuNDA5LTYuMDMxLTQuODAxLTguOTg3LTcuMjc5LTMuNDE3LTIuODM2LTYuNzE1LTUuNzkyLTEwLjAzMC04LjczMS0yLjkwNS0yLjU4LTUuODI2LTUuMTI2LTguNjYzLTcuNzU3LTMuMjYzLTMuMDQxLTYuNDI0LTYuMjAyLTkuNjAzLTkuMzI5LTIuNzUxLTIuNzE3LTUuNTUzLTUuMzk5LTguMjUzLTguMTg0LTAuNDk2LTAuNTMtMC45NzQtMS4wNzYtMS40NjktMS41ODkgMzcuMjU5LTE5LjI2MSA3Ni41MTktMzQuMzc2IDExNy4wNzYtNDUuMDc0IDIxLjA5NSA2Ny4yNjUgNTguNjI1IDEyOC4yMSAxMDkuMTk5IDE3Ny4zMjItMS4zODQtMC4zNTktMi43ODUtMC42NDktNC4xNjktMS4wMjV6TTQ5NC4zMjMgOTg5LjcwM2MtNzMuMTEyLTEwLjM4OS0xMzcuMjAzLTg2LjY5Ni0xNzcuNTI3LTE5OS4zODEgNTguMjk5LTEzLjA1NCAxMTcuNzkxLTIwLjA1NyAxNzcuNTI3LTIwLjg5N3YyMjAuMjc3ek00OTQuMzIzIDczNS4yNTNjLTYzLjM2OSAwLjgzMy0xMjYuNDcxIDguMzU5LTE4OC4yNTcgMjIuNDUxLTIxLjQ1NC03NC4xMjctMzIuNzcyLTE1MC44MTktMzMuNjQzLTIyNy45ODNoMjIxLjl2MjA1LjUzMnpNNDk0LjMyMyA0OTUuNTQ5aC0yMjEuOWMwLjg2OS03Ny4xNjQgMTIuMTg3LTE1My44NTYgMzMuNjQzLTIyNy45ODMgNjEuNzg2IDE0LjA5MCAxMjQuODkxIDIxLjYxNiAxODguMjU3IDIyLjQ1MXYyMDUuNTMyek00OTQuMzIzIDI1NS44NDVjLTU5LjczOC0wLjgzMy0xMTkuMjI5LTcuODM2LTE3Ny41MjctMjAuODk3IDQwLjMyNC0xMTIuNjg0IDEwNC40MTUtMTg4Ljk5MiAxNzcuNTI3LTE5OS4zODF2MjIwLjI3N3pNODc5Ljc0IDIwNy41NTljNjcuMzkzIDgxLjIzMyAxMDUuOTY3IDE4Mi41MDggMTA5LjY5NCAyODcuOTloLTIwNC44NjVjLTAuNzgyLTc5Ljk5Mi0xMi4zODUtMTU5LjUxLTM0LjQ5Ny0yMzYuMzkgNDUuMDk5LTEyLjA0OCA4OC42MjMtMjkuMzY3IDEyOS42NjgtNTEuNjAxek02MzQuNTUxIDUwLjQxNWMzLjU4OCAwLjg4OCA3LjE1OSAyLjAxNiAxMC43MTMgMy4wNTggNC4zMjMgMS4yNjQgOC42NjMgMi41MjkgMTIuOTM0IDMuOTEzIDMuNjA1IDEuMTYyIDcuMTU5IDIuNDA5IDEwLjcxMyAzLjY1NiA0LjIwMyAxLjQ1MiA4LjQwNiAyLjkzOSAxMi41NTggNC41MjggMy41NTQgMS4zNSA3LjA1NyAyLjc2OCAxMC41NzYgNC4yMDMgNC4wODQgMS43MDkgOC4xNjcgMy40MTcgMTIuMjE3IDUuMTI2IDMuNDg2IDEuNTM4IDYuOTU0IDMuMTIgMTAuNDA2IDQuNzUgMy45ODEgMS44NzkgNy45NDUgMy43OTMgMTEuOTYgNS43NzUgMy40MTcgMS43MDkgNi44MzUgMy40MTcgMTAuMjUyIDUuMjggMy44NjIgMi4wNjcgNy42ODkgNC4xODYgMTEuNTE2IDYuMzczIDMuNDE3IDEuODk3IDYuNjY0IDMuODQ0IDkuOTYxIDUuODI2IDMuNzU5IDIuMjU1IDcuNDUgNC41NzkgMTEuMTQgNi45NTQgMy4yNDYgMi4wNjcgNi40OTMgNC4xNjkgOS42ODggNi4zMjIgMy42MzkgMi40NiA3LjIyOCA1LjAwNiAxMC43OTkgNy41NjkgMy4xNDQgMi4yMzggNi4yNzEgNC40OTQgOS4zNjMgNi44MzUgMy41MiAyLjY0OCA2Ljk3MSA1LjM5OSAxMC40NCA4LjE2NyAzLjAwNyAyLjM5MiA2LjAzMSA0Ljc4NCA4Ljk4NyA3LjI3OSAzLjQxNyAyLjgzNiA2LjcxNSA1Ljc5MiAxMC4wMzAgOC43MzEgMi45MDUgMi41OCA1LjgyNiA1LjEyNiA4LjY2MyA3Ljc1NyAzLjI2MyAzLjA0MSA2LjQyNCA2LjIwMiA5LjYwMyA5LjMyOSAyLjc1MSAyLjcxNyA1LjU1MyA1LjM5OSA4LjI1MyA4LjE4NCAwLjQ5NiAwLjUzIDAuOTc0IDEuMDc2IDEuNDY5IDEuNTg5LTM3LjI1OSAxOS4yNjEtNzYuNTE5IDM0LjM3Ni0xMTcuMDc2IDQ1LjA3NC0yMS4xMzYtNjcuMjczLTU4LjcxNS0xMjguMjE0LTEwOS4zMzYtMTc3LjMwNSAxLjM4NCAwLjM1OSAyLjc4NSAwLjY0OSA0LjE2OSAxLjAyNXpNNTI4LjQ5NiAzNS41NjdjNzMuMTEyIDEwLjM4OSAxMzcuMjAzIDg2LjY5NiAxNzcuNTI3IDE5OS4zODEtNTguMjk5IDEzLjA1NC0xMTcuNzkxIDIwLjA1Ny0xNzcuNTI3IDIwLjg5N3YtMjIwLjI3N3pNNTI4LjQ5NiAyOTAuMDE3YzYzLjM2OS0wLjgzMyAxMjYuNDcxLTguMzU5IDE4OC4yNTctMjIuNDUxIDIxLjQ1NCA3NC4xMjcgMzIuNzcyIDE1MC44MTkgMzMuNjQzIDIyNy45ODNoLTIyMS45di0yMDUuNTMyek01MjguNDk2IDUyOS43MjJoMjIxLjljLTAuODY5IDc3LjE2NC0xMi4xODcgMTUzLjg1Ni0zMy42NDMgMjI3Ljk4M3YwYy02MS43ODYtMTQuMDkwLTEyNC44ODgtMjEuNjE2LTE4OC4yNTctMjIuNDUxdi0yMDUuNTMyek01MjguNDk2IDk4OS43MDN2LTIyMC4yNzdjNTkuNzM4IDAuODMzIDExOS4yMjkgNy44MzYgMTc3LjUyNyAyMC44OTctNDAuMzI0IDExMi42ODQtMTA0LjQxNSAxODguOTkyLTE3Ny41MjcgMTk5LjM4MXpNODU1LjE3IDg0NS4yMjFjLTIuNyAyLjc4NS01LjQ4NSA1LjQ2OC04LjIzNiA4LjE4NC0zLjE3OCAzLjEyNy02LjM1NiA2LjI4OC05LjYyIDkuMzI5LTIuODM2IDIuNjQ4LTUuNzU4IDUuMTI2LTguNjYzIDcuNzc0LTMuMzE1IDIuOTM5LTYuNjEyIDUuODc4LTkuOTk2IDguNzE0LTIuOTkgMi40OTUtNi4wMzEgNC45MDQtOS4wNzMgNy4zMy0zLjQxNyAyLjczNC02LjgzNSA1LjQ2OC0xMC4zNTQgOC4wOTktMy4xMSAyLjM0MS02LjI3MSA0LjYxMy05LjQ0OSA2LjgzNS0zLjUzNyAyLjUyOS03LjA5MSA1LjEyNi0xMC42OTYgNy40ODQtMy4yMjkgMi4xODctNi40OTMgNC4zMDYtOS43NzMgNi4zOS0zLjY1NiAyLjM1OC03LjM0MSA0LjYzNy0xMS4wNTUgNi44MzUtMy40MTcgMS45OTktNi42ODEgMy45NDctMTAuMDQ3IDUuODc4LTMuNzgyIDIuMTUzLTcuNTg2IDQuMjU1LTExLjQxNCA2LjMwNS0zLjQxNyAxLjgyMi02LjgzNSAzLjYwNS0xMC4yNTIgNS4zNDgtMy44OTYgMS45NjUtNy44MjYgMy44NjItMTEuNzcyIDUuNzI0LTMuNDE3IDEuNjIzLTYuOTcxIDMuMjQ2LTEwLjQ5MSA0Ljc4NC00LjAxNSAxLjcwOS04LjA4MiAzLjQxNy0xMi4xNDggNS4xMjYtMy41MzcgMS40MzUtNy4wNTcgMi44NzEtMTAuNjExIDQuMjItNC4xNjkgMS41ODktOC4zNTUgMy4wNzYtMTIuNTU4IDQuNTI4LTMuNTU0IDEuMjQ3LTcuMTA4IDIuNDk1LTEwLjcxMyAzLjY1Ni00LjI3MiAxLjM4NC04LjU0MyAyLjY0OC0xMi45IDMuODk2LTMuNTcxIDEuMDU5LTcuMTU5IDIuMTE5LTEwLjc2NCAzLjA5My0xLjM4NCAwLjM1OS0yLjc2OCAwLjY0OS00LjE1MiAxLjAwOCA1MC41NzYtNDkuMTA4IDg4LjEwOC0xMTAuMDU1IDEwOS4xOTktMTc3LjMyMiA0MC41NTQgMTAuNjk2IDc5LjgxNSAyNS44MDUgMTE3LjA3NiA0NS4wNTctMC41NjQgMC42MTUtMS4wNDIgMS4yMTMtMS41MzggMS43MjZ6TTg3OS43NCA4MTcuNzEyYy00MS4wNDQtMjIuMjM4LTg0LjU2Ny0zOS41NTktMTI5LjY2OC01MS42MDEgMjIuMTEtNzYuODggMzMuNzE2LTE1Ni4zOTggMzQuNDk3LTIzNi4zOWgyMDQuODY1Yy0zLjcyMSAxMDUuNDgzLTQyLjI5NyAyMDYuNzYtMTA5LjY5NCAyODcuOTl6Ij48L3BhdGg+Cjwvc3ZnPg==") no-repeat center;
+    width: 25px;
+    height: 25px;
+    background-size: contain;
+    display: inline-block;
+}
+
+/* SVG file ./globe-lightgray.svg converted to base64 */
+.admin__menu .item-translations.level-0 > a:hover:before,
+.admin__menu .item-translations.level-0._active > a:before {
+    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAyNCIgaGVpZ2h0PSIxMDI0IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0Ij4KPHRpdGxlPjwvdGl0bGU+CjxnIGlkPSJpY29tb29uLWlnbm9yZSI+CjwvZz4KPHBhdGggZmlsbD0iI2Y3ZjNlYiIgZD0iTTUxMS40MDcgMC4wNDdjLTE4LjM1NSAwLTM2LjY5NyAwLjk4Ny01NC45NDggMi45NTQtMTYuNzI4IDEuNzA5LTMzLjI1IDQuNTExLTQ5LjU1IDcuOTExLTMuMTU1IDAuNjYtNi4zMTEgMS4zNTYtOS40NjYgMi4wODUtOTYuMDQwIDIxLjg2Ni0xODMuNzM2IDcwLjk3LTI1Mi41NyAxNDEuNDI0LTYuNDAxIDYuNTYxLTEyLjY2NyAxMy4zMTctMTguNzk1IDIwLjI2NC0xODUuOTQyIDIxMy40NjgtMTYzLjYyNyA1MzcuMjU1IDQ5Ljg0MyA3MjMuMTk3IDIwNC4zNyAxNzguMDE2IDUxMS45OTkgMTY2LjE3MSA3MDIuMDc2LTI3LjAzMSA2LjQxNC02LjU2MSAxMi42NzgtMTMuMzE3IDE4Ljc5NS0yMC4yNjQgODIuMDU5LTkzLjQ1IDEyNy4yODEtMjEzLjU4NiAxMjcuMjA4LTMzNy45NTEgMC0yODMuMDk3LTIyOS40OTUtNTEyLjU5MS01MTIuNTkzLTUxMi41ODh6TTE2Ny42NDkgMTgwLjA1MGMyLjctMi44MDIgNS41MDItNS40ODUgOC4yNTMtOC4yMDEgMy4xNzgtMy4xMjcgNi4zMzktNi4yNzEgOS41ODUtOS4yOTUgMi44NTMtMi42NjUgNS43OTItNS4yMjggOC43MTQtNy44MjYgMy4yOTgtMi45MjIgNi41NzgtNS44NDQgOS45NjEtOC42NjMgMi45NzMtMi41MTIgNi4wMzEtNC45MjEgOS4wNzMtNy4zNDcgMy40MTctMi43MzQgNi44MzUtNS40NjggMTAuMzU0LTguMDk5IDMuMTEtMi4zNDEgNi4yNzEtNC42MTMgOS40NDktNi44MzUgMy41MzctMi41MjkgNy4wOTEtNS4xMjYgMTAuNjk2LTcuNDg0IDMuMjI5LTIuMTg3IDYuNDkzLTQuMzA2IDkuNzczLTYuNDA3IDMuNjU2LTIuMzQxIDcuMzMtNC42NDcgMTEuMDM4LTYuODM1IDMuMzM4LTEuOTkzIDYuNjk4LTMuOTUzIDEwLjA4MS01Ljg3OCAzLjc4Mi0yLjE1MyA3LjU4LTQuMjU1IDExLjM5Ny02LjMwNSAzLjQxNy0xLjgyMiA2LjgzNS0zLjYwNSAxMC4yNTItNS4zNDggMy44OTYtMS45NjUgNy44MjYtMy44NjIgMTEuNzcyLTUuNzI0IDMuNDE3LTEuNjIzIDYuOTcxLTMuMjQ2IDEwLjQ5MS00Ljc4NCA0LjAxNS0xLjcwOSA4LjA4Mi0zLjQxNyAxMi4xNDgtNS4xMjYgMy41MzctMS40NTIgNy4wNTctMi44NzEgMTAuNjI4LTQuMjM3IDQuMTM1LTEuNTcyIDguMzIxLTMuMDQxIDEyLjUwNy00LjUxMSAzLjU3MS0xLjI0NyA3LjE0Mi0yLjQ5NSAxMC43NjQtMy42NzQgNC4yNTUtMS4zNjcgOC41NDMtMi42MzEgMTIuODQ5LTMuODc5IDMuNjA1LTEuMDQyIDcuMTc2LTIuMTE5IDEwLjc5OS0zLjA5MyAxLjM4NC0wLjM1OSAyLjc2OC0wLjY0OSA0LjE1Mi0xLjAwOC01MC41NzYgNDkuMTA4LTg4LjEwOCAxMTAuMDU1LTEwOS4xOTkgMTc3LjMyMi00MC41NTQtMTAuNjk2LTc5LjgxNS0yNS44MDUtMTE3LjA3Ni00NS4wNTcgMC41NjQtMC41OTggMS4wNDItMS4xOTYgMS41MzgtMS43MDl6TTE0My4wNzkgMjA3LjU1OWM0MS4wNDQgMjIuMjM4IDg0LjU2NyAzOS41NTkgMTI5LjY2OCA1MS42MDEtMjIuMTEgNzYuODgtMzMuNzE2IDE1Ni4zOTgtMzQuNDk3IDIzNi4zOWgtMjA0Ljg2NWMzLjcyMy0xMDUuNDg1IDQyLjI5Ny0yMDYuNzYgMTA5LjY5NC0yODcuOTl6TTE0My4wNzkgODE3LjcxMmMtNjcuMzkzLTgxLjIzMy0xMDUuOTY3LTE4Mi41MDgtMTA5LjY5NC0yODcuOTloMjA0Ljg2NWMwLjc4MiA3OS45OTIgMTIuMzg1IDE1OS41MSAzNC40OTcgMjM2LjM5LTQ1LjA5OSAxMi4wNDYtODguNjIzIDI5LjM2NS0xMjkuNjY4IDUxLjYwMXpNMzg4LjEzMSA5NzQuODM4Yy0zLjQ1MS0wLjg3MS03LjAyMi0xLjk5OS0xMC41NzYtMy4wNDEtNC4zMjMtMS4yNjQtOC42NjMtMi41MjktMTIuOTM0LTMuOTEzLTMuNjA1LTEuMTYyLTcuMTU5LTIuNDA5LTEwLjcxMy0zLjY1Ni00LjIwMy0xLjQ1Mi04LjQwNi0yLjkzOS0xMi41NTgtNC41MjgtMy41NTQtMS4zNS03LjA1Ny0yLjc2OC0xMC41NzYtNC4yMDMtNC4wODQtMS43MDktOC4xNjctMy40MTctMTIuMjE3LTUuMTI2LTMuNDg2LTEuNTM4LTYuOTU0LTMuMTItMTAuNDA2LTQuNzUtMy45ODEtMS44NzktNy45NDUtMy43OTMtMTEuOTYtNS43NzUtMy40MTctMS43MDktNi44MzUtMy40MTctMTAuMjUyLTUuMjgtMy44NjItMi4wNjctNy42ODktNC4xODYtMTEuNTE2LTYuMzczLTMuNDE3LTEuODk3LTYuNjY0LTMuODQ0LTkuOTYxLTUuODI2LTMuNzU5LTIuMjU1LTcuNDUtNC41NzktMTEuMTQtNi45NTQtMy4yNDYtMi4wNjctNi40OTMtNC4xNjktOS42ODgtNi4zMjItMy42MzktMi40Ni03LjI0NS01LjAyMy0xMC44MTYtNy41ODYtMy4xMjctMi4yMzgtNi4yNTQtNC40NzctOS4zMjktNi44MzUtMy41MzctMi42NjUtNy4wMDUtNS40MTYtMTAuNDU3LTguMTg0LTMuMDI0LTIuNDA5LTYuMDMxLTQuODAxLTguOTg3LTcuMjc5LTMuNDE3LTIuODM2LTYuNzE1LTUuNzkyLTEwLjAzMC04LjczMS0yLjkwNS0yLjU4LTUuODI2LTUuMTI2LTguNjYzLTcuNzU3LTMuMjYzLTMuMDQxLTYuNDI0LTYuMjAyLTkuNjAzLTkuMzI5LTIuNzUxLTIuNzE3LTUuNTUzLTUuMzk5LTguMjUzLTguMTg0LTAuNDk2LTAuNTMtMC45NzQtMS4wNzYtMS40NjktMS41ODkgMzcuMjU5LTE5LjI2MSA3Ni41MTktMzQuMzc2IDExNy4wNzYtNDUuMDc0IDIxLjA5NSA2Ny4yNjUgNTguNjI1IDEyOC4yMSAxMDkuMTk5IDE3Ny4zMjItMS4zODQtMC4zNTktMi43ODUtMC42NDktNC4xNjktMS4wMjV6TTQ5NC4zMjMgOTg5LjcwM2MtNzMuMTEyLTEwLjM4OS0xMzcuMjAzLTg2LjY5Ni0xNzcuNTI3LTE5OS4zODEgNTguMjk5LTEzLjA1NCAxMTcuNzkxLTIwLjA1NyAxNzcuNTI3LTIwLjg5N3YyMjAuMjc3ek00OTQuMzIzIDczNS4yNTNjLTYzLjM2OSAwLjgzMy0xMjYuNDcxIDguMzU5LTE4OC4yNTcgMjIuNDUxLTIxLjQ1NC03NC4xMjctMzIuNzcyLTE1MC44MTktMzMuNjQzLTIyNy45ODNoMjIxLjl2MjA1LjUzMnpNNDk0LjMyMyA0OTUuNTQ5aC0yMjEuOWMwLjg2OS03Ny4xNjQgMTIuMTg3LTE1My44NTYgMzMuNjQzLTIyNy45ODMgNjEuNzg2IDE0LjA5MCAxMjQuODkxIDIxLjYxNiAxODguMjU3IDIyLjQ1MXYyMDUuNTMyek00OTQuMzIzIDI1NS44NDVjLTU5LjczOC0wLjgzMy0xMTkuMjI5LTcuODM2LTE3Ny41MjctMjAuODk3IDQwLjMyNC0xMTIuNjg0IDEwNC40MTUtMTg4Ljk5MiAxNzcuNTI3LTE5OS4zODF2MjIwLjI3N3pNODc5Ljc0IDIwNy41NTljNjcuMzkzIDgxLjIzMyAxMDUuOTY3IDE4Mi41MDggMTA5LjY5NCAyODcuOTloLTIwNC44NjVjLTAuNzgyLTc5Ljk5Mi0xMi4zODUtMTU5LjUxLTM0LjQ5Ny0yMzYuMzkgNDUuMDk5LTEyLjA0OCA4OC42MjMtMjkuMzY3IDEyOS42NjgtNTEuNjAxek02MzQuNTUxIDUwLjQxNWMzLjU4OCAwLjg4OCA3LjE1OSAyLjAxNiAxMC43MTMgMy4wNTggNC4zMjMgMS4yNjQgOC42NjMgMi41MjkgMTIuOTM0IDMuOTEzIDMuNjA1IDEuMTYyIDcuMTU5IDIuNDA5IDEwLjcxMyAzLjY1NiA0LjIwMyAxLjQ1MiA4LjQwNiAyLjkzOSAxMi41NTggNC41MjggMy41NTQgMS4zNSA3LjA1NyAyLjc2OCAxMC41NzYgNC4yMDMgNC4wODQgMS43MDkgOC4xNjcgMy40MTcgMTIuMjE3IDUuMTI2IDMuNDg2IDEuNTM4IDYuOTU0IDMuMTIgMTAuNDA2IDQuNzUgMy45ODEgMS44NzkgNy45NDUgMy43OTMgMTEuOTYgNS43NzUgMy40MTcgMS43MDkgNi44MzUgMy40MTcgMTAuMjUyIDUuMjggMy44NjIgMi4wNjcgNy42ODkgNC4xODYgMTEuNTE2IDYuMzczIDMuNDE3IDEuODk3IDYuNjY0IDMuODQ0IDkuOTYxIDUuODI2IDMuNzU5IDIuMjU1IDcuNDUgNC41NzkgMTEuMTQgNi45NTQgMy4yNDYgMi4wNjcgNi40OTMgNC4xNjkgOS42ODggNi4zMjIgMy42MzkgMi40NiA3LjIyOCA1LjAwNiAxMC43OTkgNy41NjkgMy4xNDQgMi4yMzggNi4yNzEgNC40OTQgOS4zNjMgNi44MzUgMy41MiAyLjY0OCA2Ljk3MSA1LjM5OSAxMC40NCA4LjE2NyAzLjAwNyAyLjM5MiA2LjAzMSA0Ljc4NCA4Ljk4NyA3LjI3OSAzLjQxNyAyLjgzNiA2LjcxNSA1Ljc5MiAxMC4wMzAgOC43MzEgMi45MDUgMi41OCA1LjgyNiA1LjEyNiA4LjY2MyA3Ljc1NyAzLjI2MyAzLjA0MSA2LjQyNCA2LjIwMiA5LjYwMyA5LjMyOSAyLjc1MSAyLjcxNyA1LjU1MyA1LjM5OSA4LjI1MyA4LjE4NCAwLjQ5NiAwLjUzIDAuOTc0IDEuMDc2IDEuNDY5IDEuNTg5LTM3LjI1OSAxOS4yNjEtNzYuNTE5IDM0LjM3Ni0xMTcuMDc2IDQ1LjA3NC0yMS4xMzYtNjcuMjczLTU4LjcxNS0xMjguMjE0LTEwOS4zMzYtMTc3LjMwNSAxLjM4NCAwLjM1OSAyLjc4NSAwLjY0OSA0LjE2OSAxLjAyNXpNNTI4LjQ5NiAzNS41NjdjNzMuMTEyIDEwLjM4OSAxMzcuMjAzIDg2LjY5NiAxNzcuNTI3IDE5OS4zODEtNTguMjk5IDEzLjA1NC0xMTcuNzkxIDIwLjA1Ny0xNzcuNTI3IDIwLjg5N3YtMjIwLjI3N3pNNTI4LjQ5NiAyOTAuMDE3YzYzLjM2OS0wLjgzMyAxMjYuNDcxLTguMzU5IDE4OC4yNTctMjIuNDUxIDIxLjQ1NCA3NC4xMjcgMzIuNzcyIDE1MC44MTkgMzMuNjQzIDIyNy45ODNoLTIyMS45di0yMDUuNTMyek01MjguNDk2IDUyOS43MjJoMjIxLjljLTAuODY5IDc3LjE2NC0xMi4xODcgMTUzLjg1Ni0zMy42NDMgMjI3Ljk4M3YwYy02MS43ODYtMTQuMDkwLTEyNC44ODgtMjEuNjE2LTE4OC4yNTctMjIuNDUxdi0yMDUuNTMyek01MjguNDk2IDk4OS43MDN2LTIyMC4yNzdjNTkuNzM4IDAuODMzIDExOS4yMjkgNy44MzYgMTc3LjUyNyAyMC44OTctNDAuMzI0IDExMi42ODQtMTA0LjQxNSAxODguOTkyLTE3Ny41MjcgMTk5LjM4MXpNODU1LjE3IDg0NS4yMjFjLTIuNyAyLjc4NS01LjQ4NSA1LjQ2OC04LjIzNiA4LjE4NC0zLjE3OCAzLjEyNy02LjM1NiA2LjI4OC05LjYyIDkuMzI5LTIuODM2IDIuNjQ4LTUuNzU4IDUuMTI2LTguNjYzIDcuNzc0LTMuMzE1IDIuOTM5LTYuNjEyIDUuODc4LTkuOTk2IDguNzE0LTIuOTkgMi40OTUtNi4wMzEgNC45MDQtOS4wNzMgNy4zMy0zLjQxNyAyLjczNC02LjgzNSA1LjQ2OC0xMC4zNTQgOC4wOTktMy4xMSAyLjM0MS02LjI3MSA0LjYxMy05LjQ0OSA2LjgzNS0zLjUzNyAyLjUyOS03LjA5MSA1LjEyNi0xMC42OTYgNy40ODQtMy4yMjkgMi4xODctNi40OTMgNC4zMDYtOS43NzMgNi4zOS0zLjY1NiAyLjM1OC03LjM0MSA0LjYzNy0xMS4wNTUgNi44MzUtMy40MTcgMS45OTktNi42ODEgMy45NDctMTAuMDQ3IDUuODc4LTMuNzgyIDIuMTUzLTcuNTg2IDQuMjU1LTExLjQxNCA2LjMwNS0zLjQxNyAxLjgyMi02LjgzNSAzLjYwNS0xMC4yNTIgNS4zNDgtMy44OTYgMS45NjUtNy44MjYgMy44NjItMTEuNzcyIDUuNzI0LTMuNDE3IDEuNjIzLTYuOTcxIDMuMjQ2LTEwLjQ5MSA0Ljc4NC00LjAxNSAxLjcwOS04LjA4MiAzLjQxNy0xMi4xNDggNS4xMjYtMy41MzcgMS40MzUtNy4wNTcgMi44NzEtMTAuNjExIDQuMjItNC4xNjkgMS41ODktOC4zNTUgMy4wNzYtMTIuNTU4IDQuNTI4LTMuNTU0IDEuMjQ3LTcuMTA4IDIuNDk1LTEwLjcxMyAzLjY1Ni00LjI3MiAxLjM4NC04LjU0MyAyLjY0OC0xMi45IDMuODk2LTMuNTcxIDEuMDU5LTcuMTU5IDIuMTE5LTEwLjc2NCAzLjA5My0xLjM4NCAwLjM1OS0yLjc2OCAwLjY0OS00LjE1MiAxLjAwOCA1MC41NzYtNDkuMTA4IDg4LjEwOC0xMTAuMDU1IDEwOS4xOTktMTc3LjMyMiA0MC41NTQgMTAuNjk2IDc5LjgxNSAyNS44MDUgMTE3LjA3NiA0NS4wNTctMC41NjQgMC42MTUtMS4wNDIgMS4yMTMtMS41MzggMS43MjZ6TTg3OS43NCA4MTcuNzEyYy00MS4wNDQtMjIuMjM4LTg0LjU2Ny0zOS41NTktMTI5LjY2OC01MS42MDEgMjIuMTEtNzYuODggMzMuNzE2LTE1Ni4zOTggMzQuNDk3LTIzNi4zOWgyMDQuODY1Yy0zLjcyMSAxMDUuNDgzLTQyLjI5NyAyMDYuNzYtMTA5LjY5NCAyODcuOTl6Ij48L3BhdGg+Cjwvc3ZnPg==") no-repeat center;
+    background-size: contain;
+}
diff --git a/view/adminhtml/web/css/source/module/globe-darkgray.svg b/view/adminhtml/web/css/source/module/globe-darkgray.svg
new file mode 100644
index 0000000..5379a05
--- /dev/null
+++ b/view/adminhtml/web/css/source/module/globe-darkgray.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024">
+<title></title>
+<g id="icomoon-ignore">
+</g>
+<path fill="#aaa6a0" d="M511.407 0.047c-18.355 0-36.697 0.987-54.948 2.954-16.728 1.709-33.25 4.511-49.55 7.911-3.155 0.66-6.311 1.356-9.466 2.085-96.040 21.866-183.736 70.97-252.57 141.424-6.401 6.561-12.667 13.317-18.795 20.264-185.942 213.468-163.627 537.255 49.843 723.197 204.37 178.016 511.999 166.171 702.076-27.031 6.414-6.561 12.678-13.317 18.795-20.264 82.059-93.45 127.281-213.586 127.208-337.951 0-283.097-229.495-512.591-512.593-512.588zM167.649 180.050c2.7-2.802 5.502-5.485 8.253-8.201 3.178-3.127 6.339-6.271 9.585-9.295 2.853-2.665 5.792-5.228 8.714-7.826 3.298-2.922 6.578-5.844 9.961-8.663 2.973-2.512 6.031-4.921 9.073-7.347 3.417-2.734 6.835-5.468 10.354-8.099 3.11-2.341 6.271-4.613 9.449-6.835 3.537-2.529 7.091-5.126 10.696-7.484 3.229-2.187 6.493-4.306 9.773-6.407 3.656-2.341 7.33-4.647 11.038-6.835 3.338-1.993 6.698-3.953 10.081-5.878 3.782-2.153 7.58-4.255 11.397-6.305 3.417-1.822 6.835-3.605 10.252-5.348 3.896-1.965 7.826-3.862 11.772-5.724 3.417-1.623 6.971-3.246 10.491-4.784 4.015-1.709 8.082-3.417 12.148-5.126 3.537-1.452 7.057-2.871 10.628-4.237 4.135-1.572 8.321-3.041 12.507-4.511 3.571-1.247 7.142-2.495 10.764-3.674 4.255-1.367 8.543-2.631 12.849-3.879 3.605-1.042 7.176-2.119 10.799-3.093 1.384-0.359 2.768-0.649 4.152-1.008-50.576 49.108-88.108 110.055-109.199 177.322-40.554-10.696-79.815-25.805-117.076-45.057 0.564-0.598 1.042-1.196 1.538-1.709zM143.079 207.559c41.044 22.238 84.567 39.559 129.668 51.601-22.11 76.88-33.716 156.398-34.497 236.39h-204.865c3.723-105.485 42.297-206.76 109.694-287.99zM143.079 817.712c-67.393-81.233-105.967-182.508-109.694-287.99h204.865c0.782 79.992 12.385 159.51 34.497 236.39-45.099 12.046-88.623 29.365-129.668 51.601zM388.131 974.838c-3.451-0.871-7.022-1.999-10.576-3.041-4.323-1.264-8.663-2.529-12.934-3.913-3.605-1.162-7.159-2.409-10.713-3.656-4.203-1.452-8.406-2.939-12.558-4.528-3.554-1.35-7.057-2.768-10.576-4.203-4.084-1.709-8.167-3.417-12.217-5.126-3.486-1.538-6.954-3.12-10.406-4.75-3.981-1.879-7.945-3.793-11.96-5.775-3.417-1.709-6.835-3.417-10.252-5.28-3.862-2.067-7.689-4.186-11.516-6.373-3.417-1.897-6.664-3.844-9.961-5.826-3.759-2.255-7.45-4.579-11.14-6.954-3.246-2.067-6.493-4.169-9.688-6.322-3.639-2.46-7.245-5.023-10.816-7.586-3.127-2.238-6.254-4.477-9.329-6.835-3.537-2.665-7.005-5.416-10.457-8.184-3.024-2.409-6.031-4.801-8.987-7.279-3.417-2.836-6.715-5.792-10.030-8.731-2.905-2.58-5.826-5.126-8.663-7.757-3.263-3.041-6.424-6.202-9.603-9.329-2.751-2.717-5.553-5.399-8.253-8.184-0.496-0.53-0.974-1.076-1.469-1.589 37.259-19.261 76.519-34.376 117.076-45.074 21.095 67.265 58.625 128.21 109.199 177.322-1.384-0.359-2.785-0.649-4.169-1.025zM494.323 989.703c-73.112-10.389-137.203-86.696-177.527-199.381 58.299-13.054 117.791-20.057 177.527-20.897v220.277zM494.323 735.253c-63.369 0.833-126.471 8.359-188.257 22.451-21.454-74.127-32.772-150.819-33.643-227.983h221.9v205.532zM494.323 495.549h-221.9c0.869-77.164 12.187-153.856 33.643-227.983 61.786 14.090 124.891 21.616 188.257 22.451v205.532zM494.323 255.845c-59.738-0.833-119.229-7.836-177.527-20.897 40.324-112.684 104.415-188.992 177.527-199.381v220.277zM879.74 207.559c67.393 81.233 105.967 182.508 109.694 287.99h-204.865c-0.782-79.992-12.385-159.51-34.497-236.39 45.099-12.048 88.623-29.367 129.668-51.601zM634.551 50.415c3.588 0.888 7.159 2.016 10.713 3.058 4.323 1.264 8.663 2.529 12.934 3.913 3.605 1.162 7.159 2.409 10.713 3.656 4.203 1.452 8.406 2.939 12.558 4.528 3.554 1.35 7.057 2.768 10.576 4.203 4.084 1.709 8.167 3.417 12.217 5.126 3.486 1.538 6.954 3.12 10.406 4.75 3.981 1.879 7.945 3.793 11.96 5.775 3.417 1.709 6.835 3.417 10.252 5.28 3.862 2.067 7.689 4.186 11.516 6.373 3.417 1.897 6.664 3.844 9.961 5.826 3.759 2.255 7.45 4.579 11.14 6.954 3.246 2.067 6.493 4.169 9.688 6.322 3.639 2.46 7.228 5.006 10.799 7.569 3.144 2.238 6.271 4.494 9.363 6.835 3.52 2.648 6.971 5.399 10.44 8.167 3.007 2.392 6.031 4.784 8.987 7.279 3.417 2.836 6.715 5.792 10.030 8.731 2.905 2.58 5.826 5.126 8.663 7.757 3.263 3.041 6.424 6.202 9.603 9.329 2.751 2.717 5.553 5.399 8.253 8.184 0.496 0.53 0.974 1.076 1.469 1.589-37.259 19.261-76.519 34.376-117.076 45.074-21.136-67.273-58.715-128.214-109.336-177.305 1.384 0.359 2.785 0.649 4.169 1.025zM528.496 35.567c73.112 10.389 137.203 86.696 177.527 199.381-58.299 13.054-117.791 20.057-177.527 20.897v-220.277zM528.496 290.017c63.369-0.833 126.471-8.359 188.257-22.451 21.454 74.127 32.772 150.819 33.643 227.983h-221.9v-205.532zM528.496 529.722h221.9c-0.869 77.164-12.187 153.856-33.643 227.983v0c-61.786-14.090-124.888-21.616-188.257-22.451v-205.532zM528.496 989.703v-220.277c59.738 0.833 119.229 7.836 177.527 20.897-40.324 112.684-104.415 188.992-177.527 199.381zM855.17 845.221c-2.7 2.785-5.485 5.468-8.236 8.184-3.178 3.127-6.356 6.288-9.62 9.329-2.836 2.648-5.758 5.126-8.663 7.774-3.315 2.939-6.612 5.878-9.996 8.714-2.99 2.495-6.031 4.904-9.073 7.33-3.417 2.734-6.835 5.468-10.354 8.099-3.11 2.341-6.271 4.613-9.449 6.835-3.537 2.529-7.091 5.126-10.696 7.484-3.229 2.187-6.493 4.306-9.773 6.39-3.656 2.358-7.341 4.637-11.055 6.835-3.417 1.999-6.681 3.947-10.047 5.878-3.782 2.153-7.586 4.255-11.414 6.305-3.417 1.822-6.835 3.605-10.252 5.348-3.896 1.965-7.826 3.862-11.772 5.724-3.417 1.623-6.971 3.246-10.491 4.784-4.015 1.709-8.082 3.417-12.148 5.126-3.537 1.435-7.057 2.871-10.611 4.22-4.169 1.589-8.355 3.076-12.558 4.528-3.554 1.247-7.108 2.495-10.713 3.656-4.272 1.384-8.543 2.648-12.9 3.896-3.571 1.059-7.159 2.119-10.764 3.093-1.384 0.359-2.768 0.649-4.152 1.008 50.576-49.108 88.108-110.055 109.199-177.322 40.554 10.696 79.815 25.805 117.076 45.057-0.564 0.615-1.042 1.213-1.538 1.726zM879.74 817.712c-41.044-22.238-84.567-39.559-129.668-51.601 22.11-76.88 33.716-156.398 34.497-236.39h204.865c-3.721 105.483-42.297 206.76-109.694 287.99z"></path>
+</svg>
diff --git a/view/adminhtml/web/css/source/module/globe-lightgray.svg b/view/adminhtml/web/css/source/module/globe-lightgray.svg
new file mode 100644
index 0000000..0804907
--- /dev/null
+++ b/view/adminhtml/web/css/source/module/globe-lightgray.svg
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024">
+<title></title>
+<g id="icomoon-ignore">
+</g>
+<path fill="#f7f3eb" d="M511.407 0.047c-18.355 0-36.697 0.987-54.948 2.954-16.728 1.709-33.25 4.511-49.55 7.911-3.155 0.66-6.311 1.356-9.466 2.085-96.040 21.866-183.736 70.97-252.57 141.424-6.401 6.561-12.667 13.317-18.795 20.264-185.942 213.468-163.627 537.255 49.843 723.197 204.37 178.016 511.999 166.171 702.076-27.031 6.414-6.561 12.678-13.317 18.795-20.264 82.059-93.45 127.281-213.586 127.208-337.951 0-283.097-229.495-512.591-512.593-512.588zM167.649 180.050c2.7-2.802 5.502-5.485 8.253-8.201 3.178-3.127 6.339-6.271 9.585-9.295 2.853-2.665 5.792-5.228 8.714-7.826 3.298-2.922 6.578-5.844 9.961-8.663 2.973-2.512 6.031-4.921 9.073-7.347 3.417-2.734 6.835-5.468 10.354-8.099 3.11-2.341 6.271-4.613 9.449-6.835 3.537-2.529 7.091-5.126 10.696-7.484 3.229-2.187 6.493-4.306 9.773-6.407 3.656-2.341 7.33-4.647 11.038-6.835 3.338-1.993 6.698-3.953 10.081-5.878 3.782-2.153 7.58-4.255 11.397-6.305 3.417-1.822 6.835-3.605 10.252-5.348 3.896-1.965 7.826-3.862 11.772-5.724 3.417-1.623 6.971-3.246 10.491-4.784 4.015-1.709 8.082-3.417 12.148-5.126 3.537-1.452 7.057-2.871 10.628-4.237 4.135-1.572 8.321-3.041 12.507-4.511 3.571-1.247 7.142-2.495 10.764-3.674 4.255-1.367 8.543-2.631 12.849-3.879 3.605-1.042 7.176-2.119 10.799-3.093 1.384-0.359 2.768-0.649 4.152-1.008-50.576 49.108-88.108 110.055-109.199 177.322-40.554-10.696-79.815-25.805-117.076-45.057 0.564-0.598 1.042-1.196 1.538-1.709zM143.079 207.559c41.044 22.238 84.567 39.559 129.668 51.601-22.11 76.88-33.716 156.398-34.497 236.39h-204.865c3.723-105.485 42.297-206.76 109.694-287.99zM143.079 817.712c-67.393-81.233-105.967-182.508-109.694-287.99h204.865c0.782 79.992 12.385 159.51 34.497 236.39-45.099 12.046-88.623 29.365-129.668 51.601zM388.131 974.838c-3.451-0.871-7.022-1.999-10.576-3.041-4.323-1.264-8.663-2.529-12.934-3.913-3.605-1.162-7.159-2.409-10.713-3.656-4.203-1.452-8.406-2.939-12.558-4.528-3.554-1.35-7.057-2.768-10.576-4.203-4.084-1.709-8.167-3.417-12.217-5.126-3.486-1.538-6.954-3.12-10.406-4.75-3.981-1.879-7.945-3.793-11.96-5.775-3.417-1.709-6.835-3.417-10.252-5.28-3.862-2.067-7.689-4.186-11.516-6.373-3.417-1.897-6.664-3.844-9.961-5.826-3.759-2.255-7.45-4.579-11.14-6.954-3.246-2.067-6.493-4.169-9.688-6.322-3.639-2.46-7.245-5.023-10.816-7.586-3.127-2.238-6.254-4.477-9.329-6.835-3.537-2.665-7.005-5.416-10.457-8.184-3.024-2.409-6.031-4.801-8.987-7.279-3.417-2.836-6.715-5.792-10.030-8.731-2.905-2.58-5.826-5.126-8.663-7.757-3.263-3.041-6.424-6.202-9.603-9.329-2.751-2.717-5.553-5.399-8.253-8.184-0.496-0.53-0.974-1.076-1.469-1.589 37.259-19.261 76.519-34.376 117.076-45.074 21.095 67.265 58.625 128.21 109.199 177.322-1.384-0.359-2.785-0.649-4.169-1.025zM494.323 989.703c-73.112-10.389-137.203-86.696-177.527-199.381 58.299-13.054 117.791-20.057 177.527-20.897v220.277zM494.323 735.253c-63.369 0.833-126.471 8.359-188.257 22.451-21.454-74.127-32.772-150.819-33.643-227.983h221.9v205.532zM494.323 495.549h-221.9c0.869-77.164 12.187-153.856 33.643-227.983 61.786 14.090 124.891 21.616 188.257 22.451v205.532zM494.323 255.845c-59.738-0.833-119.229-7.836-177.527-20.897 40.324-112.684 104.415-188.992 177.527-199.381v220.277zM879.74 207.559c67.393 81.233 105.967 182.508 109.694 287.99h-204.865c-0.782-79.992-12.385-159.51-34.497-236.39 45.099-12.048 88.623-29.367 129.668-51.601zM634.551 50.415c3.588 0.888 7.159 2.016 10.713 3.058 4.323 1.264 8.663 2.529 12.934 3.913 3.605 1.162 7.159 2.409 10.713 3.656 4.203 1.452 8.406 2.939 12.558 4.528 3.554 1.35 7.057 2.768 10.576 4.203 4.084 1.709 8.167 3.417 12.217 5.126 3.486 1.538 6.954 3.12 10.406 4.75 3.981 1.879 7.945 3.793 11.96 5.775 3.417 1.709 6.835 3.417 10.252 5.28 3.862 2.067 7.689 4.186 11.516 6.373 3.417 1.897 6.664 3.844 9.961 5.826 3.759 2.255 7.45 4.579 11.14 6.954 3.246 2.067 6.493 4.169 9.688 6.322 3.639 2.46 7.228 5.006 10.799 7.569 3.144 2.238 6.271 4.494 9.363 6.835 3.52 2.648 6.971 5.399 10.44 8.167 3.007 2.392 6.031 4.784 8.987 7.279 3.417 2.836 6.715 5.792 10.030 8.731 2.905 2.58 5.826 5.126 8.663 7.757 3.263 3.041 6.424 6.202 9.603 9.329 2.751 2.717 5.553 5.399 8.253 8.184 0.496 0.53 0.974 1.076 1.469 1.589-37.259 19.261-76.519 34.376-117.076 45.074-21.136-67.273-58.715-128.214-109.336-177.305 1.384 0.359 2.785 0.649 4.169 1.025zM528.496 35.567c73.112 10.389 137.203 86.696 177.527 199.381-58.299 13.054-117.791 20.057-177.527 20.897v-220.277zM528.496 290.017c63.369-0.833 126.471-8.359 188.257-22.451 21.454 74.127 32.772 150.819 33.643 227.983h-221.9v-205.532zM528.496 529.722h221.9c-0.869 77.164-12.187 153.856-33.643 227.983v0c-61.786-14.090-124.888-21.616-188.257-22.451v-205.532zM528.496 989.703v-220.277c59.738 0.833 119.229 7.836 177.527 20.897-40.324 112.684-104.415 188.992-177.527 199.381zM855.17 845.221c-2.7 2.785-5.485 5.468-8.236 8.184-3.178 3.127-6.356 6.288-9.62 9.329-2.836 2.648-5.758 5.126-8.663 7.774-3.315 2.939-6.612 5.878-9.996 8.714-2.99 2.495-6.031 4.904-9.073 7.33-3.417 2.734-6.835 5.468-10.354 8.099-3.11 2.341-6.271 4.613-9.449 6.835-3.537 2.529-7.091 5.126-10.696 7.484-3.229 2.187-6.493 4.306-9.773 6.39-3.656 2.358-7.341 4.637-11.055 6.835-3.417 1.999-6.681 3.947-10.047 5.878-3.782 2.153-7.586 4.255-11.414 6.305-3.417 1.822-6.835 3.605-10.252 5.348-3.896 1.965-7.826 3.862-11.772 5.724-3.417 1.623-6.971 3.246-10.491 4.784-4.015 1.709-8.082 3.417-12.148 5.126-3.537 1.435-7.057 2.871-10.611 4.22-4.169 1.589-8.355 3.076-12.558 4.528-3.554 1.247-7.108 2.495-10.713 3.656-4.272 1.384-8.543 2.648-12.9 3.896-3.571 1.059-7.159 2.119-10.764 3.093-1.384 0.359-2.768 0.649-4.152 1.008 50.576-49.108 88.108-110.055 109.199-177.322 40.554 10.696 79.815 25.805 117.076 45.057-0.564 0.615-1.042 1.213-1.538 1.726zM879.74 817.712c-41.044-22.238-84.567-39.559-129.668-51.601 22.11-76.88 33.716-156.398 34.497-236.39h204.865c-3.721 105.483-42.297 206.76-109.694 287.99z"></path>
+</svg>
diff --git a/view/frontend/layout/default.xml b/view/frontend/layout/default.xml
new file mode 100644
index 0000000..c104c9d
--- /dev/null
+++ b/view/frontend/layout/default.xml
@@ -0,0 +1,13 @@
+<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+      xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
+    <body>
+        <referenceBlock name="head.additional">
+            <block name="require.js.phpro.translations"
+                   template="Phpro_Translations::page/js/require_js_maps.phtml">
+                <arguments>
+                    <argument name="view_model" xsi:type="object">Phpro\Translations\ViewModel\JsTranslationConfig</argument>
+                </arguments>
+            </block>
+        </referenceBlock>
+    </body>
+</page>
diff --git a/view/frontend/templates/page/js/require_js_maps.phtml b/view/frontend/templates/page/js/require_js_maps.phtml
new file mode 100644
index 0000000..b43eadb
--- /dev/null
+++ b/view/frontend/templates/page/js/require_js_maps.phtml
@@ -0,0 +1,19 @@
+<?php
+/**
+ * @var \Magento\Framework\View\Element\Template $block
+ * @var \Phpro\Translations\ViewModel\JsTranslationConfig $viewModel
+ */
+$viewModel = $block->getViewModel();
+$jsTranslationMapPath = $viewModel->getJsTranslationFilePath();
+?>
+<?php if ($jsTranslationMapPath): ?>
+    <script>
+        require.config({
+            'map': {
+                '*': {
+                    'js-translation.json': '<?= $jsTranslationMapPath ?>',
+                }
+            }
+        });
+    </script>
+<?php endif; ?>