diff --git a/CHANGELOG.unreleased.md b/CHANGELOG.unreleased.md
index 22acd7221e3..34b1207cef2 100644
--- a/CHANGELOG.unreleased.md
+++ b/CHANGELOG.unreleased.md
@@ -21,6 +21,7 @@ For upgrade instructions, please check the [migration guide](MIGRATIONS.released
 - Added support for 64-bit segmentations (uint64). Note that the actual support only covers IDs up to 2^53 - 1 (matches the JavaScript number type). Also note that JSON mappings are only compatible with segment ids which only use the lower 32 bits. [#6317](https://github.com/scalableminds/webknossos/pull/6317)
 - Added a "duplicate" button for annotations. [#6386](https://github.com/scalableminds/webknossos/pull/6386)
 - Added new filter options for the dataset list api at `api/datasets`: `organizationName: String`, `onlyMyOrganization: Boolean`, `uploaderId: String` [#6377](https://github.com/scalableminds/webknossos/pull/6377)
+- The Add Dataset view now hosts an Add Zarr Dataset tab to explore, configure and import remote Zarr datasets. [#6383](https://github.com/scalableminds/webknossos/pull/6383)
 
 ### Changed
 - webKnossos uses WebGL 2 instead of WebGL 1 now. In case your browser/hardware does not support this, webKnossos will alert you and you need to upgrade your system. [#6350](https://github.com/scalableminds/webknossos/pull/6350)
diff --git a/frontend/javascripts/admin/admin_rest_api.ts b/frontend/javascripts/admin/admin_rest_api.ts
index c3f4479c5c2..32ed1329d54 100644
--- a/frontend/javascripts/admin/admin_rest_api.ts
+++ b/frontend/javascripts/admin/admin_rest_api.ts
@@ -84,6 +84,7 @@ import * as Utils from "libs/utils";
 import messages from "messages";
 import window, { location } from "libs/window";
 import { SaveQueueType } from "oxalis/model/actions/save_actions";
+import { DatasourceConfiguration } from "types/schemas/datasource.types";
 
 const MAX_SERVER_ITEMS_PER_RESPONSE = 1000;
 
@@ -1432,6 +1433,45 @@ export async function addForeignDataSet(
   });
   return result;
 }
+
+type ExplorationResult = {
+  dataSource: DatasourceConfiguration | undefined;
+  report: string;
+};
+
+export async function exploreRemoteDataset(
+  remoteUris: string[],
+  credentials?: { username: string; pass: string },
+): Promise<ExplorationResult> {
+  const { dataSource, report } = await Request.sendJSONReceiveJSON("/api/datasets/exploreRemote", {
+    data: credentials
+      ? remoteUris.map((uri) => ({
+          remoteUri: uri,
+          user: credentials.username,
+          password: credentials.pass,
+        }))
+      : remoteUris.map((uri) => ({ remoteUri: uri })),
+  });
+  if (report.indexOf("403 Forbidden") !== -1 || report.indexOf("401 Unauthorized") !== -1) {
+    Toast.error("The data could not be accessed. Please verify the credentials!");
+  }
+  return { dataSource, report };
+}
+
+export async function storeRemoteDataset(
+  datasetName: string,
+  organizationName: string,
+  datasource: string,
+): Promise<Response> {
+  return doWithToken((token) =>
+    fetch(`/data/datasets/${organizationName}/${datasetName}?token=${token}`, {
+      method: "PUT",
+      headers: { "Content-Type": "application/json" },
+      body: datasource,
+    }),
+  );
+}
+
 // Returns void if the name is valid. Otherwise, a string is returned which denotes the reason.
 export async function isDatasetNameValid(
   datasetId: APIDatasetId,
diff --git a/frontend/javascripts/admin/dataset/dataset_add_view.tsx b/frontend/javascripts/admin/dataset/dataset_add_view.tsx
index 46efa6da899..06fad68102b 100644
--- a/frontend/javascripts/admin/dataset/dataset_add_view.tsx
+++ b/frontend/javascripts/admin/dataset/dataset_add_view.tsx
@@ -10,6 +10,7 @@ import { enforceActiveUser } from "oxalis/model/accessors/user_accessor";
 import DatasetAddForeignView from "admin/dataset/dataset_add_foreign_view";
 import DatasetAddNeuroglancerView from "admin/dataset/dataset_add_neuroglancer_view";
 import DatasetAddBossView from "admin/dataset/dataset_add_boss_view";
+import DatasetAddZarrView from "admin/dataset/dataset_add_zarr_view";
 import DatasetUploadView from "admin/dataset/dataset_upload_view";
 import features from "features";
 import { getDatastores } from "admin/admin_rest_api";
@@ -128,6 +129,21 @@ function DatasetAddView({ history }: RouteComponentProps) {
             >
               <DatasetUploadView datastores={datastores.own} onUploaded={handleDatasetAdded} />
             </TabPane>
+            <TabPane
+              tab={
+                <span>
+                  <DatabaseOutlined />
+                  Add Remote Zarr Dataset
+                </span>
+              }
+              key="2"
+            >
+              <DatasetAddZarrView
+                datastores={datastores.own}
+                // @ts-expect-error ts-migrate(2322) FIXME: Type '(datasetOrganization: string, uploadedDatase... Remove this comment to see the full error message
+                onAdded={handleDatasetAdded}
+              />
+            </TabPane>
             {datastores.wkConnect.length > 0 && (
               <TabPane
                 tab={
@@ -136,7 +152,7 @@ function DatasetAddView({ history }: RouteComponentProps) {
                     Add Neuroglancer Dataset
                   </span>
                 }
-                key="2"
+                key="3"
               >
                 <DatasetAddNeuroglancerView
                   datastores={datastores.wkConnect}
@@ -153,7 +169,7 @@ function DatasetAddView({ history }: RouteComponentProps) {
                     Add BossDB Dataset
                   </span>
                 }
-                key="3"
+                key="4"
               >
                 <DatasetAddBossView
                   datastores={datastores.wkConnect}
@@ -170,7 +186,7 @@ function DatasetAddView({ history }: RouteComponentProps) {
                     Add Foreign Dataset
                   </span>
                 }
-                key="4"
+                key="5"
               >
                 <DatasetAddForeignView onAdded={() => history.push("/dashboard")} />
               </TabPane>
diff --git a/frontend/javascripts/admin/dataset/dataset_add_zarr_view.tsx b/frontend/javascripts/admin/dataset/dataset_add_zarr_view.tsx
new file mode 100644
index 00000000000..cf919ee6cca
--- /dev/null
+++ b/frontend/javascripts/admin/dataset/dataset_add_zarr_view.tsx
@@ -0,0 +1,319 @@
+import { Form, Input, Button, Col, Radio, Row, Collapse } from "antd";
+import { connect } from "react-redux";
+import React, { useState } from "react";
+import type { APIUser } from "types/api_flow_types";
+import type { OxalisState } from "oxalis/store";
+import { exploreRemoteDataset, isDatasetNameValid, storeRemoteDataset } from "admin/admin_rest_api";
+import messages from "messages";
+import { jsonStringify } from "libs/utils";
+import { CardContainer } from "admin/dataset/dataset_components";
+import Password from "antd/lib/input/Password";
+import TextArea from "antd/lib/input/TextArea";
+import { AsyncButton } from "components/async_clickables";
+import Toast from "libs/toast";
+import _ from "lodash";
+import { Hint } from "oxalis/view/action-bar/download_modal_view";
+import { formatScale } from "libs/format_utils";
+import { DataLayer, DatasourceConfiguration } from "types/schemas/datasource.types";
+const { Panel } = Collapse;
+const FormItem = Form.Item;
+const RadioGroup = Radio.Group;
+
+type OwnProps = {
+  onAdded: (arg0: string, arg1: string) => Promise<void>;
+};
+type StateProps = {
+  activeUser: APIUser | null | undefined;
+};
+type Props = OwnProps & StateProps;
+
+function ensureLargestSegmentIdsInPlace(datasource: DatasourceConfiguration) {
+  for (const layer of datasource.dataLayers) {
+    if (layer.category === "color" || layer.largestSegmentId == null) {
+      continue;
+    }
+    layer.largestSegmentId = 1;
+    Toast.warning(`Please adapt the largestSegmentID for layer ${layer.name}.`);
+  }
+}
+
+function mergeNewLayers(
+  loadedDatasource: DatasourceConfiguration,
+  datasourceToMerge: DatasourceConfiguration,
+): DatasourceConfiguration {
+  const allLayers = datasourceToMerge.dataLayers.concat(loadedDatasource.dataLayers);
+  const groupedLayers = _.groupBy(allLayers, (layer: DataLayer) => layer.name) as unknown as Record<
+    string,
+    DataLayer[]
+  >;
+  const uniqueLayers: DataLayer[] = [];
+  for (const entry of _.entries(groupedLayers)) {
+    const [name, layerGroup] = entry;
+    if (layerGroup.length === 1) {
+      uniqueLayers.push(layerGroup[0]);
+    } else {
+      let idx = 1;
+      for (const layer of layerGroup) {
+        if (idx === 1) {
+          uniqueLayers.push(layer);
+        } else {
+          uniqueLayers.push({ ...layer, name: `${name}_${idx}` });
+        }
+        idx++;
+      }
+    }
+  }
+  return {
+    ...loadedDatasource,
+    dataLayers: uniqueLayers,
+    id: {
+      ...loadedDatasource.id,
+      name: `${loadedDatasource.id.name}_and_${datasourceToMerge.id.name}`,
+    },
+  };
+}
+
+function DatasetAddZarrView(props: Props) {
+  const { activeUser, onAdded } = props;
+  const [datasourceConfig, setDatasourceConfig] = useState<string>("");
+  const [exploreLog, setExploreLog] = useState<string>("");
+  const [datasourceUrl, setDatasourceUrl] = useState<string>("");
+  const [showCredentialsFields, setShowCredentialsFields] = useState<boolean>(false);
+  const [usernameOrAccessKey, setUsernameOrAccessKey] = useState<string>("");
+  const [passwordOrSecretKey, setPasswordOrSecretKey] = useState<string>("");
+  const [selectedProtocol, setSelectedProtocol] = useState<"s3" | "https">("https");
+
+  function validateUrls(userInput: string) {
+    if (
+      (userInput.indexOf("https://") === 0 && userInput.indexOf("s3://") !== 0) ||
+      (userInput.indexOf("https://") !== 0 && userInput.indexOf("s3://") === 0)
+    ) {
+      setSelectedProtocol(userInput.indexOf("https://") === 0 ? "https" : "s3");
+      setShowCredentialsFields(userInput.indexOf("s3://") === 0);
+    } else {
+      throw new Error("Dataset URL must employ either the https:// or s3:// protocol.");
+    }
+  }
+
+  async function handleExplore() {
+    if (!datasourceUrl) {
+      Toast.error("Please provide a valid URL for exploration.");
+      return;
+    }
+    const { dataSource, report } =
+      !usernameOrAccessKey || !passwordOrSecretKey
+        ? await exploreRemoteDataset([datasourceUrl])
+        : await exploreRemoteDataset([datasourceUrl], {
+            username: usernameOrAccessKey,
+            pass: passwordOrSecretKey,
+          });
+    setExploreLog(report);
+    if (!dataSource) {
+      Toast.error("Exploring this remote dataset did not return a datasource.");
+      return;
+    }
+    ensureLargestSegmentIdsInPlace(dataSource);
+    if (!datasourceConfig) {
+      setDatasourceConfig(jsonStringify(dataSource));
+      return;
+    }
+    let loadedDatasource;
+    try {
+      loadedDatasource = JSON.parse(datasourceConfig);
+    } catch (e) {
+      Toast.error(
+        "The current datasource config contains invalid JSON. Cannot add the new Zarr data.",
+      );
+      return;
+    }
+    if (!_.isEqual(loadedDatasource.scale, dataSource.scale)) {
+      Toast.warning(
+        `${messages["dataset.add_zarr_different_scale_warning"]}\n${formatScale(dataSource.scale)}`,
+        { timeout: 10000 },
+      );
+    }
+    setDatasourceConfig(jsonStringify(mergeNewLayers(loadedDatasource, dataSource)));
+  }
+
+  async function handleStoreDataset() {
+    if (datasourceConfig && activeUser) {
+      let configJSON;
+      try {
+        configJSON = JSON.parse(datasourceConfig);
+        const nameValidationResult = await isDatasetNameValid({
+          name: configJSON.id.name,
+          owningOrganization: activeUser.organization,
+        });
+        if (nameValidationResult) {
+          throw new Error(nameValidationResult);
+        }
+        const response = await storeRemoteDataset(
+          configJSON.id.name,
+          activeUser.organization,
+          datasourceConfig,
+        );
+        if (response.status !== 200) {
+          const errorJSONString = JSON.stringify(await response.json());
+          throw new Error(`${response.status} ${response.statusText} ${errorJSONString}`);
+        }
+      } catch (e) {
+        Toast.error(`The datasource config could not be stored. ${e}`);
+        return;
+      }
+      onAdded(activeUser.organization, configJSON.id.name);
+    }
+  }
+
+  return (
+    // Using Forms here only to validate fields and for easy layout
+    <div style={{ padding: 5 }}>
+      <CardContainer title="Add Remote Zarr Dataset">
+        Please enter a URL that points to the Zarr data you would like to import. If necessary,
+        specify the credentials for the dataset. More layers can be added to the datasource
+        specification below using the Add button. Once you have approved of the resulting datasource
+        you can import it.
+        <Form style={{ marginTop: 20 }} layout="vertical">
+          <FormItem
+            name="url"
+            label="Dataset URL"
+            hasFeedback
+            rules={[
+              {
+                required: true,
+                message: messages["dataset.import.required.url"],
+              },
+              {
+                validator: (_rule, value) => {
+                  try {
+                    validateUrls(value);
+                    return Promise.resolve();
+                  } catch (e) {
+                    return Promise.reject(e);
+                  }
+                },
+              },
+            ]}
+            validateFirst
+          >
+            <Input
+              defaultValue={datasourceUrl}
+              onChange={(e) => setDatasourceUrl(e.target.value)}
+            />
+          </FormItem>
+          <FormItem label="Authentication">
+            <RadioGroup
+              defaultValue="hide"
+              value={showCredentialsFields ? "show" : "hide"}
+              onChange={(e) => setShowCredentialsFields(e.target.value === "show")}
+            >
+              <Radio value="hide" disabled={selectedProtocol === "s3"}>
+                {selectedProtocol === "https" ? "None" : "Anonymous"}
+              </Radio>
+              <Radio value="show">
+                {selectedProtocol === "https" ? "Basic authentication" : "With credentials"}
+              </Radio>
+            </RadioGroup>
+          </FormItem>
+          {showCredentialsFields ? (
+            <Row gutter={8}>
+              <Col span={12}>
+                <FormItem
+                  label={selectedProtocol === "https" ? "Username" : "Access Key ID"}
+                  hasFeedback
+                  rules={[{ required: true }]}
+                  validateFirst
+                >
+                  <Input
+                    value={usernameOrAccessKey}
+                    onChange={(e) => setUsernameOrAccessKey(e.target.value)}
+                  />
+                </FormItem>
+              </Col>
+              <Col span={12}>
+                <FormItem
+                  label={selectedProtocol === "https" ? "Password" : "Secret Access Key"}
+                  hasFeedback
+                  rules={[{ required: true }]}
+                  validateFirst
+                >
+                  <Password
+                    value={passwordOrSecretKey}
+                    onChange={(e) => setPasswordOrSecretKey(e.target.value)}
+                  />
+                </FormItem>
+              </Col>
+            </Row>
+          ) : null}
+          <FormItem style={{ marginBottom: 0 }}>
+            <Row gutter={8}>
+              <Col span={18} />
+              <Col span={6}>
+                <AsyncButton
+                  size="large"
+                  type={datasourceConfig ? "default" : "primary"}
+                  style={{ width: "100%" }}
+                  onClick={handleExplore}
+                >
+                  Add Layer
+                </AsyncButton>
+              </Col>
+            </Row>
+          </FormItem>
+          <Collapse bordered={false} collapsible={exploreLog ? "header" : "disabled"}>
+            <Panel header="Log" key="1">
+              <Hint style={{ width: "90%" }}>
+                <pre style={{ whiteSpace: "pre-wrap" }}>{exploreLog}</pre>
+              </Hint>
+            </Panel>
+          </Collapse>
+          <FormItem label="Datasource">
+            <TextArea
+              rows={4}
+              autoSize={{ minRows: 3, maxRows: 15 }}
+              style={{
+                fontFamily: 'Monaco, Consolas, "Lucida Console", "Courier New", monospace',
+              }}
+              placeholder="No datasource loaded yet"
+              value={datasourceConfig}
+              onChange={(e) => setDatasourceConfig(e.target.value)}
+            />
+          </FormItem>
+          <Row gutter={8}>
+            <Col span={6} />
+            <Col span={6} />
+            <Col span={6}>
+              <FormItem>
+                <Button
+                  size="large"
+                  type="default"
+                  style={{ width: "100%" }}
+                  onClick={() => setDatasourceConfig("")}
+                >
+                  Reset
+                </Button>
+              </FormItem>
+            </Col>
+            <Col span={6}>
+              <Button
+                size="large"
+                type="primary"
+                style={{ width: "100%" }}
+                onClick={handleStoreDataset}
+                disabled={!datasourceConfig}
+              >
+                Import
+              </Button>
+            </Col>
+          </Row>
+        </Form>
+      </CardContainer>
+    </div>
+  );
+}
+
+const mapStateToProps = (state: OxalisState): StateProps => ({
+  activeUser: state.activeUser,
+});
+
+const connector = connect(mapStateToProps);
+export default connector(DatasetAddZarrView);
diff --git a/frontend/javascripts/messages.ts b/frontend/javascripts/messages.ts
index c2f077d1864..47202a53727 100644
--- a/frontend/javascripts/messages.ts
+++ b/frontend/javascripts/messages.ts
@@ -263,6 +263,8 @@ instead. Only enable this option if you understand its effect. All layers will n
     "There are unsaved changes for the dataset's configuration. Please click “Save” before leaving the page. To discard the changes click “Cancel”.",
   "dataset.add_success": "The dataset was added successfully.",
   "dataset.add_error": "Could not reach the datastore.",
+  "dataset.add_zarr_different_scale_warning":
+    "The explored data has a different voxel size from the datasource that was already loaded. The explored voxel size was:",
   "dataset.segmentationlayer_not_existing": "This annotation has no segmentation layer.",
   "dataset.invalid_datasource_json":
     "The datasource-properties.json on disk is invalid. Please review all properties before importing the dataset. You can always go back and change the values later.",
diff --git a/frontend/javascripts/oxalis/view/right-border-tabs/starting_job_modals.tsx b/frontend/javascripts/oxalis/view/right-border-tabs/starting_job_modals.tsx
index 6a534743271..7a6c8d1ef28 100644
--- a/frontend/javascripts/oxalis/view/right-border-tabs/starting_job_modals.tsx
+++ b/frontend/javascripts/oxalis/view/right-border-tabs/starting_job_modals.tsx
@@ -336,7 +336,7 @@ function StartingJobModal(props: StartingJobModalProps) {
 
       Toast.info(
         <>
-          The {jobName} job has been started. You can look in the{" "}
+          The {jobName} job has been started. See the{" "}
           <a target="_blank" href="/jobs" rel="noopener noreferrer">
             Processing Jobs
           </a>{" "}
diff --git a/frontend/javascripts/types/schemas/datasource.types.ts b/frontend/javascripts/types/schemas/datasource.types.ts
index d733642e4ee..c1d09d90384 100644
--- a/frontend/javascripts/types/schemas/datasource.types.ts
+++ b/frontend/javascripts/types/schemas/datasource.types.ts
@@ -25,7 +25,7 @@ type DataLayerKnossosPartial = {
     boundingBox: BoundingBox;
   }>;
 };
-type DataLayer = {
+export type DataLayer = {
   name: string;
   category: "color" | "segmentation";
   elementClass:
@@ -58,5 +58,5 @@ export type DatasourceConfiguration = {
     team: string;
   };
   dataLayers: Array<DataLayer>;
-  scale: Array<number>;
+  scale: Vector3;
 };