diff --git a/application/frontend/src/pages/MyOpenCRE/MyOpenCRE.scss b/application/frontend/src/pages/MyOpenCRE/MyOpenCRE.scss
new file mode 100644
index 00000000..e69de29b
diff --git a/application/frontend/src/pages/MyOpenCRE/MyOpenCRE.tsx b/application/frontend/src/pages/MyOpenCRE/MyOpenCRE.tsx
new file mode 100644
index 00000000..4a3de6a2
--- /dev/null
+++ b/application/frontend/src/pages/MyOpenCRE/MyOpenCRE.tsx
@@ -0,0 +1,47 @@
+import React from 'react';
+import { Button, Container, Header } from 'semantic-ui-react';
+
+import { useEnvironment } from '../../hooks';
+
+export const MyOpenCRE = () => {
+ const { apiUrl } = useEnvironment();
+
+ const downloadTemplate = () => {
+ const headers = ['standard_name', 'standard_section', 'cre_id', 'notes'];
+
+ const csvContent = headers.join(',') + '\n';
+
+ const blob = new Blob([csvContent], {
+ type: 'text/csv;charset=utf-8;',
+ });
+
+ const url = URL.createObjectURL(blob);
+ const link = document.createElement('a');
+
+ link.href = url;
+ link.setAttribute('download', 'myopencre_mapping_template.csv');
+ document.body.appendChild(link);
+ link.click();
+ document.body.removeChild(link);
+ };
+
+ return (
+
+ MyOpenCRE allows you to map your own security standard (e.g. SOC2) to OpenCRE Common Requirements
+ using a CSV spreadsheet.
+
+ Start by downloading the mapping template below, fill it with your standard’s controls, and map them
+ to CRE IDs.
+