diff --git a/src/js/client.js b/src/js/client.js
index b6772dc99..0085190cd 100644
--- a/src/js/client.js
+++ b/src/js/client.js
@@ -194,6 +194,7 @@ const STORAGE_PROVIDER = [
     { name: 'Amazon S3', value: 's3' },
     { name: 'Backblaze B2 (S3 API)', value: 'backblaze-b2' },
     { name: 'CIFS Mount', value: 'cifs' },
+    { name: 'Cloudflare R2', value: 'cloudflare-r2' },
     { name: 'DigitalOcean Spaces', value: 'digitalocean-spaces' },
     { name: 'EXT4 Disk', value: 'ext4' },
     { name: 'Exoscale SOS', value: 'exoscale-sos' },
diff --git a/src/js/restore.js b/src/js/restore.js
index b4a3a8400..d51d0d754 100644
--- a/src/js/restore.js
+++ b/src/js/restore.js
@@ -93,7 +93,7 @@ app.controller('RestoreController', ['$scope', 'Client', function ($scope, Clien
     $scope.s3like = function (provider) {
         return provider === 's3' || provider === 'minio' || provider === 's3-v4-compat' || provider === 'exoscale-sos'
             || provider === 'digitalocean-spaces' || provider === 'wasabi' || provider === 'scaleway-objectstorage'
-            || provider === 'linode-objectstorage' || provider === 'ovh-objectstorage' || provider === 'backblaze-b2'
+            || provider === 'linode-objectstorage' || provider === 'ovh-objectstorage' || provider === 'backblaze-b2' || provider === 'cloudflare-r2'
             || provider === 'ionos-objectstorage' || provider === 'vultr-objectstorage' || provider === 'upcloud-objectstorage';
     };
 
diff --git a/src/restore.html b/src/restore.html
index 448bc0f63..59d644500 100644
--- a/src/restore.html
+++ b/src/restore.html
@@ -161,9 +161,9 @@
                                 </div>
 
                                 <!-- S3/Minio/SOS -->
-                                <div class="form-group" ng-class="{ 'has-error': error.endpoint }" ng-show="provider === 'minio' || provider === 'upcloud-objectstorage' || provider === 'backblaze-b2' || provider === 's3-v4-compat'">
+                                <div class="form-group" ng-class="{ 'has-error': error.endpoint }" ng-show="provider === 'minio' || provider === 'upcloud-objectstorage' || provider === 'backblaze-b2' || provider === 'cloudflare-r2'  || provider === 's3-v4-compat'">
                                     <label class="control-label" for="inputConfigureBackupEndpoint">Endpoint</label>
-                                    <input type="text" class="form-control" ng-model="endpoint" id="inputConfigureBackupEndpoint" name="endpoint" ng-disabled="busy" placeholder="URL" ng-required="provider === 'minio' || provider === 'upcloud-objectstorage' || provider === 'backblaze-b2' || provider === 's3-v4-compat'">
+                                    <input type="text" class="form-control" ng-model="endpoint" id="inputConfigureBackupEndpoint" name="endpoint" ng-disabled="busy" placeholder="URL" ng-required="provider === 'minio' || provider === 'upcloud-objectstorage' || provider === 'backblaze-b2' || provider === 'cloudflare-r2' || provider === 's3-v4-compat'">
                                 </div>
 
                                 <div class="checkbox" ng-show="provider === 'minio' || provider === 's3-v4-compat'" >
diff --git a/src/views/app.html b/src/views/app.html
index 7b5bcf65d..fa698b752 100644
--- a/src/views/app.html
+++ b/src/views/app.html
@@ -248,9 +248,9 @@
           </div>
 
           <!-- S3/Minio/SOS/GCS -->
-          <div class="form-group" ng-class="{ 'has-error': importBackup.error.endpoint }" ng-show="importBackup.provider === 'minio' || importBackup.provider === 'upcloud-objectstorage' || importBackup.provider === 'backblaze-b2' || importBackup.provider === 's3-v4-compat'">
+          <div class="form-group" ng-class="{ 'has-error': importBackup.error.endpoint }" ng-show="importBackup.provider === 'minio' || importBackup.provider === 'upcloud-objectstorage' || importBackup.provider === 'backblaze-b2' || importBackup.provider === 'cloudflare-r2' || importBackup.provider === 's3-v4-compat'">
             <label class="control-label" for="inputimportBackupEndpoint">{{ 'backups.configureBackupStorage.s3Endpoint' | tr }}</label>
-            <input type="text" class="form-control" ng-model="importBackup.endpoint" id="inputimportBackupEndpoint" name="endpoint" ng-disabled="importBackup.busy" placeholder="URL" ng-required="importBackup.provider === 'minio' || importBackup.provider === 'upcloud-objectstorage'|| importBackup.provider === 'backblaze-b2' || importBackup.provider === 's3-v4-compat'">
+            <input type="text" class="form-control" ng-model="importBackup.endpoint" id="inputimportBackupEndpoint" name="endpoint" ng-disabled="importBackup.busy" placeholder="URL" ng-required="importBackup.provider === 'minio' || importBackup.provider === 'upcloud-objectstorage'|| importBackup.provider === 'backblaze-b2' || importBackup.provider === 'cloudflare-r2' || importBackup.provider === 's3-v4-compat'">
           </div>
 
           <div class="checkbox" ng-show="importBackup.provider === 'minio' || importBackup.provider === 's3-v4-compat'" >
diff --git a/src/views/app.js b/src/views/app.js
index c1ea2be09..2e80da7f0 100644
--- a/src/views/app.js
+++ b/src/views/app.js
@@ -1193,10 +1193,10 @@ angular.module('Application').controller('AppController', ['$scope', '$location'
     };
 
     $scope.s3like = function (provider) {
-        return provider === 's3' || provider === 'minio' || provider === 's3-v4-compat' ||
-               provider === 'exoscale-sos' || provider === 'digitalocean-spaces' ||
-               provider === 'scaleway-objectstorage' || provider === 'wasabi' || provider === 'backblaze-b2' ||
-               provider === 'linode-objectstorage' || provider === 'ovh-objectstorage' || provider === 'ionos-objectstorage'
+        return provider === 's3' || provider === 'minio' || provider === 's3-v4-compat'
+               || provider === 'exoscale-sos' || provider === 'digitalocean-spaces'
+               || provider === 'scaleway-objectstorage' || provider === 'wasabi' || provider === 'backblaze-b2' || provider === 'cloudflare-r2'
+               || provider === 'linode-objectstorage' || provider === 'ovh-objectstorage' || provider === 'ionos-objectstorage'
                || provider === 'vultr-objectstorage' || provider === 'upcloud-objectstorage';
     };
 
diff --git a/src/views/backups.html b/src/views/backups.html
index 1f7efc53b..298521ead 100644
--- a/src/views/backups.html
+++ b/src/views/backups.html
@@ -251,10 +251,10 @@
             </label>
           </div>
 
-          <!-- S3/Minio/SOS/GCS/UpCloud -->
-          <div class="form-group" ng-class="{ 'has-error': configureBackup.error.endpoint }" ng-show="configureBackup.provider === 'minio' || configureBackup.provider === 'upcloud-objectstorage' || configureBackup.provider === 'backblaze-b2' || configureBackup.provider === 's3-v4-compat'">
+          <!-- S3/Minio/SOS/GCS/UpCloud/B2/R2 -->
+          <div class="form-group" ng-class="{ 'has-error': configureBackup.error.endpoint }" ng-show="configureBackup.provider === 'minio' || configureBackup.provider === 'upcloud-objectstorage' || configureBackup.provider === 'backblaze-b2' || configureBackup.provider === 'cloudflare-r2' || configureBackup.provider === 's3-v4-compat'">
             <label class="control-label" for="inputConfigureBackupEndpoint">{{ 'backups.configureBackupStorage.s3Endpoint' | tr }}</label>
-            <input type="text" class="form-control" ng-model="configureBackup.endpoint" id="inputConfigureBackupEndpoint" name="endpoint" ng-disabled="configureBackup.busy" placeholder="URL" ng-required="configureBackup.provider === 'minio' || configureBackup.provider === 'upcloud-objectstorage' || configureBackup.provider === 'backblaze-b2' || configureBackup.provider === 's3-v4-compat'">
+            <input type="text" class="form-control" ng-model="configureBackup.endpoint" id="inputConfigureBackupEndpoint" name="endpoint" ng-disabled="configureBackup.busy" placeholder="URL" ng-required="configureBackup.provider === 'minio' || configureBackup.provider === 'upcloud-objectstorage' || configureBackup.provider === 'backblaze-b2' || configureBackup.provider === 'cloudflare-r2' || configureBackup.provider === 's3-v4-compat'">
           </div>
 
           <div class="checkbox" ng-show="configureBackup.provider === 'minio' || configureBackup.provider === 's3-v4-compat'" >
diff --git a/src/views/backups.js b/src/views/backups.js
index 7b2a9c1c0..66462f97e 100644
--- a/src/views/backups.js
+++ b/src/views/backups.js
@@ -227,7 +227,7 @@ angular.module('Application').controller('BackupsController', ['$scope', '$locat
     $scope.s3like = function (provider) {
         return provider === 's3' || provider === 'minio' || provider === 's3-v4-compat'
             || provider === 'exoscale-sos' || provider === 'digitalocean-spaces'
-            || provider === 'scaleway-objectstorage' || provider === 'wasabi' || provider === 'backblaze-b2'
+            || provider === 'scaleway-objectstorage' || provider === 'wasabi' || provider === 'backblaze-b2' || provider === 'cloudflare-r2'
             || provider === 'linode-objectstorage' || provider === 'ovh-objectstorage' || provider === 'ionos-objectstorage'
             || provider === 'vultr-objectstorage' || provider === 'upcloud-objectstorage';
     };