diff --git a/interface/src/app/main/types.ts b/interface/src/app/main/types.ts
index 38398bccb..69eeea539 100644
--- a/interface/src/app/main/types.ts
+++ b/interface/src/app/main/types.ts
@@ -42,6 +42,7 @@ export interface Settings {
   modbus_port: number;
   modbus_max_clients: number;
   modbus_timeout: number;
+  developer_mode: boolean;
 }
 
 export enum busConnectionStatus {
@@ -273,6 +274,7 @@ export interface APIcall {
   device: string;
   cmd: string;
   id: number;
+  value?: string; // optional
 }
 
 export interface Action {
diff --git a/interface/src/app/settings/ApplicationSettings.tsx b/interface/src/app/settings/ApplicationSettings.tsx
index 946f295fd..6af5901b4 100644
--- a/interface/src/app/settings/ApplicationSettings.tsx
+++ b/interface/src/app/settings/ApplicationSettings.tsx
@@ -686,6 +686,16 @@ const ApplicationSettings = () => {
         <Typography sx={{ pb: 1, pt: 2 }} variant="h6" color="primary">
           {LL.SPECIAL_FUNCTIONS()}
         </Typography>
+        <BlockFormControlLabel
+          control={
+            <Checkbox
+              checked={data.developer_mode}
+              onChange={updateFormValue}
+              name="developer_mode"
+            />
+          }
+          label={LL.DEVELOPER_MODE()}
+        />
         <BlockFormControlLabel
           control={
             <Checkbox
@@ -696,7 +706,6 @@ const ApplicationSettings = () => {
           }
           label={LL.HEATINGOFF()}
         />
-
         <BlockFormControlLabel
           control={
             <Checkbox