diff --git a/tools/cdata.js b/tools/cdata.js
index 201193f6f..de6a98f85 100644
--- a/tools/cdata.js
+++ b/tools/cdata.js
@@ -333,6 +333,18 @@ const char PAGE_settings_dmx[] PROGMEM = R"=====()=====";
             "function GetV() {var d=document;\n"
           ),
     },
+    {
+      file: "settings_um.htm",
+      name: "PAGE_settings_um",
+      prepend: "=====(",
+      append: ")=====",
+      method: "plaintext",
+      filter: "html-minify",
+      mangle: (str) =>
+        str
+          .replace(/\<link rel="stylesheet".*\>/gms, "")
+          .replace(/\<style\>.*\<\/style\>/gms, "%CSS%%SCSS%")
+    }
   ],
   "wled00/html_settings.h"
 );
diff --git a/usermods/Temperature/usermod_temperature.h b/usermods/Temperature/usermod_temperature.h
index 6532680b3..2ca26dd42 100644
--- a/usermods/Temperature/usermod_temperature.h
+++ b/usermods/Temperature/usermod_temperature.h
@@ -173,45 +173,48 @@ class UsermodTemperature : public Usermod {
     /**
      * addToJsonState() can be used to add custom entries to the /json/state part of the JSON API (state object).
      * Values in the state object may be modified by connected clients
-     * Add "pin_Temperature" to json state. This can be used to check which GPIO pin usermod uses.
+     * Add "<usermodename>_<usermodparam>" to json state. This can be used to check which GPIO pin usermod uses.
      */
     void addToJsonState(JsonObject &root)
     {
-      root[F("pin_Temperature")] = temperaturePin;
-      root[F("mode_Temperature")] = degC ? ("C") : ("F");
+      //root[F("Temperature_pin")] = temperaturePin;
+      //root[F("Temperature_degC")] = degC ? ("C") : ("F");
     }
 
     /**
      * readFromJsonState() can be used to receive data clients send to the /json/state part of the JSON API (state object).
      * Values in the state object may be modified by connected clients
-     * Read "pin_Temperature" from json state and and change GPIO pin used.
+     * Read "<usermodname>_<usermodparam>" from json state and and change settings (i.e. GPIO pin) used.
      */
     void readFromJsonState(JsonObject &root) {
-      if (root[F("pin_Temperature")] != nullptr) {
-        int8_t pin = (int)root[F("pin_Temperature")];
-        // deallocate pin and release memory
-        pinManager.deallocatePin(temperaturePin);
-        delete sensor;
-        delete oneWire;
-        // disable usermod
-        temperaturePin = -1;
-        disabled = true;
-        // check if pin is OK
-        if (pin>=0 && pinManager.allocatePin(pin,false)) {
-          // allocat memory
-          oneWire = new OneWire(pin);
-          sensor  = new DallasTemperature(oneWire);
-          if (sensor) {
-            temperaturePin = pin;
-            sensor->begin();
-            disabled = !sensor->getAddress(sensorDeviceAddress, 0);
-          } else {
-            pinManager.deallocatePin(pin);
+      if (root[F("Temperature_pin")] != nullptr) {
+        int8_t pin = (int)root[F("Temperature_pin")];
+        if (pin != temperaturePin) {
+          // deallocate pin and release memory
+          delete sensor;
+          delete oneWire;
+          pinManager.deallocatePin(temperaturePin);
+          // disable usermod
+          temperaturePin = -1;
+          disabled = true;
+          // check if pin is OK
+          if (pin>=0 && pinManager.allocatePin(pin,false)) {
+            // allocat memory
+            oneWire = new OneWire(pin);
+            sensor  = new DallasTemperature(oneWire);
+            if (sensor) {
+              temperaturePin = pin;
+              sensor->begin();
+              disabled = !sensor->getAddress(sensorDeviceAddress, 0);
+            } else {
+              pinManager.deallocatePin(pin);
+            }
           }
         }
       }
-      if (root[F("mode_Temperature")] != nullptr) {
-        degC = (root[F("mode_Temperature")]==String(PSTR("C")));
+      if (root[F("Temperature_degC")] != nullptr) {
+        String strDegC = root[F("Temperature_degC")]; // checkbox -> off or on
+        degC = (bool) (strDegC!="off"); // off is guaranteed to be present
       }
     }
 
@@ -220,9 +223,9 @@ class UsermodTemperature : public Usermod {
      */
     void addToConfig(JsonObject &root) {
       // we add JSON object: {"Temperature": {"pin": 0, "degC": true}}
-      JsonObject top = root.createNestedObject(F("Temperature"));
-      top[F("pin")]  = temperaturePin;
-      top[F("degC")] = degC;
+      JsonObject top = root.createNestedObject(F("Temperature")); // usermodname
+      top["pin"]  = temperaturePin; // usermodparam
+      top[F("degC")] = degC;        // usermodparam
     }
 
     /**
@@ -231,8 +234,8 @@ class UsermodTemperature : public Usermod {
     void readFromConfig(JsonObject &root) {
       // we look for JSON object: {"Temperature": {"pin": 0, "degC": true}}
       JsonObject top = root[F("Temperature")];
-      if (!top.isNull() && top[F("pin")] != nullptr) {
-        temperaturePin = (int)top[F("pin")];
+      if (!top.isNull() && top["pin"] != nullptr) {
+        temperaturePin = (int)top["pin"];
         degC = top[F("degC")] != nullptr ? top[F("degC")] : true;
       } else {
         DEBUG_PRINTLN(F("No Temperature sensor config found. (Using defaults.)"));
diff --git a/wled00/data/settings.htm b/wled00/data/settings.htm
index 4d7eaaed2..b17648375 100644
--- a/wled00/data/settings.htm
+++ b/wled00/data/settings.htm
@@ -10,7 +10,7 @@
 			margin: 0;
 		}
 		html {
-			--h: 11.55vh;
+			--h: 10.55vh;
 		}
 		button {
 			background: #333;
@@ -18,7 +18,7 @@
 			font-family: Verdana, Helvetica, sans-serif;
 			border: 0.3ch solid #333;
 			display: inline-block;
-			font-size: 8vmin;
+			font-size: 6vmin;
 			height: var(--h);
 			width: 95%;
 			margin-top: 2.4vh;
@@ -41,6 +41,7 @@
 <form action="/settings/ui"><button type="submit">User Interface</button></form>
 <form action="/settings/sync"><button type="submit">Sync Interfaces</button></form>
 <form action="/settings/time"><button type="submit">Time & Macros</button></form>
+<form action="/settings/um"><button type="submit">Usermods</button></form>
 <form action="/settings/sec"><button type="submit">Security & Updates</button></form>
 </body>
 </html>
\ No newline at end of file
diff --git a/wled00/data/settings_leds.htm b/wled00/data/settings_leds.htm
index e91e15095..618a2439b 100644
--- a/wled00/data/settings_leds.htm
+++ b/wled00/data/settings_leds.htm
@@ -163,6 +163,18 @@
           var lc=d.getElementsByName("LC"+LCs[i].name.substring(2))[0];
           lc.max=maxPB;
         }
+        if (nm=="L0" || nm=="L1" || nm=="L2" || nm=="L3" || nm=="L4" || nm=="RL" || nm=="BT" || nm=="IR" || nm=="AX")
+          if (LCs[i].value!="" && LCs[i].value!="-1") {
+            var p = [];
+            if (d.um_p && Array.isArray(d.um_p)) for (k=0;k<d.um_p.length;k++) p.push(d.um_p[k]);
+            for (j=0; j<LCs.length; j++) {
+              if (i==j) continue;
+              var n2 = LCs[j].name.substring(0,2);
+              if (n2=="L0" || n2=="L1" || n2=="L2" || n2=="L3" || n2=="L4" || n2=="RL" || n2=="BT" || n2=="IR" || n2=="AX")
+                if (LCs[j].value!="" && LCs[j].value!="-1") p.push(parseInt(LCs[j].value,10));
+            }
+            if (p.some((e)=>e==parseInt(LCs[i].value,10))) LCs[i].style.color="red"; else LCs[i].style.color="#fff";
+          }
       }
 
       if (d.getElementById("LC").readOnly) d.getElementsByName("LC")[0].value = sLC;
diff --git a/wled00/data/settings_um.htm b/wled00/data/settings_um.htm
new file mode 100644
index 000000000..b9f3f9234
--- /dev/null
+++ b/wled00/data/settings_um.htm
@@ -0,0 +1,125 @@
+<!DOCTYPE html>
+<html>
+<head lang="en">
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=500">
+    <title>UI Settings</title>
+    <script>
+    var d = document;
+    var umCfg = {};
+    var pins = [6,7,8,9,10,11];
+    var pinO = ["reserved","reserved","reserved","reserved","reserved","reserved"], owner;
+    var loc = false, locip;
+    function gId(s) { return d.getElementById(s); }
+    function isO(i) { return (i && typeof i === 'object' && !Array.isArray(i)); }
+    function H() { window.open("https://github.com/Aircoookie/WLED/wiki/Settings#usermod-settings"); }
+    function B() { window.open("/settings","_self"); }
+    function S() {
+        if (window.location.protocol == "file:") {
+            loc = true;
+            locip = localStorage.getItem('locIp');
+            if (!locip) {
+                locip = prompt("File Mode. Please enter WLED IP!");
+                localStorage.setItem('locIp', locip);
+            }
+        }
+        ldS();
+    }
+    function check(o,k) {
+        if (o.type=="number" && o.name.substr(-4)=="_pin") {
+            for (var i=0; i<pins.length; i++) {
+                if (k==pinO[i]) continue;
+                if (o.value==pins[i]) { o.style.color="red"; break; } else o.style.color="#fff";
+            }
+        }
+    }
+    function getPins(o) {
+        if (isO(o)) {
+            for (const [k,v] of Object.entries(o)) {
+                if (isO(v)) {
+                    owner = k;
+                    getPins(v);
+                    continue;
+                }
+                if (k=="pin") {
+                    if (Array.isArray(v)) {
+                        for (var i=0; i<v.length; i++) if (v[i]>=0) { pins.push(v[i]); pinO.push(owner); }
+                    } else {
+                        if (v>=0) { pins.push(v); pinO.push(owner); }
+                    }
+                } else if (Array.isArray(v)) {
+                    for (var i=0; i<v.length; i++) getPins(v[i]);
+                }
+            }
+        }
+    }
+    function ldS() {
+        var url = (loc?`http://${locip}`:'') + '/cfg.json';
+        fetch(url, {
+            method: 'get'
+        })
+        .then(res => {
+            if (!res.ok) gId('lserr').style.display = "inline";
+            return res.json();
+        })
+        .then(json => {
+            umCfg = json.um;
+            getPins(json);
+            var urows="";
+            if (isO(umCfg)) {
+                for (const [k,o] of Object.entries(umCfg)) {
+                    urows += `<hr><h3>${k}</h3>`;
+                    if (isO(o)) {
+                        for (const [s,v] of Object.entries(o)) {
+                            var t,c;
+                            switch (typeof v) {
+                                case "boolean":
+                                    t = "checkbox"; c = v ? `checked value="on"` : ""; break;
+                                case "number":
+                                    t = "number"; c = `value="${parseInt(v,10)}"`; break;
+                                case "string":
+                                    t = "text"; c = `value="${v}"`; break;
+                                default:
+                                    t = "text"; c = `value="${v}"`; break;
+                            }
+                            // https://stackoverflow.com/questions/11657123/posting-both-checked-and-unchecked-checkboxes
+                            if (t=="checkbox") urows += `<input type="hidden" name="${k}_${s}" value="off">`;
+                            urows += `${s}: <input type="${t}" name="${k}_${s}" ${c} oninput="check(this,'${k}')"><br>`;
+                        }
+                    }
+                }
+                gId("um").innerHTML = urows;
+            }
+        })
+        .catch(function (error) {
+            gId('lserr').style.display = "inline"
+            console.log(error);
+        });
+    }
+    function svS(e) {
+        e.preventDefault();
+        console.log(d.Sf);
+        if (d.Sf.checkValidity()) d.Sf.submit(); //https://stackoverflow.com/q/37323914
+    }
+    function GetV() {}
+    </script>
+    <style>
+        @import url("style.css");
+    </style>
+</head>
+
+<body onload="S()">
+	<form id="form_s" name="Sf" method="post" onsubmit="svS(event)">
+		<div class="toprow">
+		<div class="helpB"><button type="button" onclick="H()">?</button></div>
+		<button type="button" onclick="B()">Back</button><button type="submit">Save</button><br>
+		<span id="lssuc" style="color:green; display:none">&#10004; Configuration saved!</span>
+		<span id="lserr" style="color:red; display:none">&#9888; Could not load configuration.</span><hr>
+		</div>
+		<h2>Usermod Setup</h2>
+        <div id="um">Loading settings...</div>
+		<hr><button type="button" onclick="B()">Back</button><button type="submit">Save</button>
+	</form>
+</body>
+
+</html>
\ No newline at end of file
diff --git a/wled00/html_settings.h b/wled00/html_settings.h
index 9ad97fc96..d54a74cad 100644
--- a/wled00/html_settings.h
+++ b/wled00/html_settings.h
@@ -12,7 +12,7 @@ const char PAGE_settingsCss[] PROGMEM = R"=====(<style>body{font-family:Verdana,
 // Autogenerated from wled00/data/settings.htm, do not edit!!
 const char PAGE_settings[] PROGMEM = R"=====(<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>WLED Settings
 </title><style>
-body{text-align:center;background:#222;height:100px;margin:0}html{--h:11.55vh}button{background:#333;color:#fff;font-family:Verdana,Helvetica,sans-serif;border:.3ch solid #333;display:inline-block;font-size:8vmin;height:var(--h);width:95%%;margin-top:2.4vh}
+body{text-align:center;background:#222;height:100px;margin:0}html{--h:10.55vh}button{background:#333;color:#fff;font-family:Verdana,Helvetica,sans-serif;border:.3ch solid #333;display:inline-block;font-size:6vmin;height:var(--h);width:95%%;margin-top:2.4vh}
 </style><script>
 function BB(){window.frameElement&&(document.getElementById("b").style.display="none",document.documentElement.style.setProperty("--h","13.86vh"))}
 </script></head><body onload="BB()"><form action="/"><button type="submit" 
@@ -22,7 +22,8 @@ LED Preferences</button></form><form action="/settings/ui"><button
 type="submit">User Interface</button></form>%DMXMENU%<form action="/settings/sync">
 <button type="submit">Sync Interfaces</button></form><form 
 action="/settings/time"><button type="submit">Time & Macros</button></form><form
- action="/settings/sec"><button type="submit">Security & Updates</button></form>
+ action="/settings/um"><button type="submit">Usermods</button></form><form 
+action="/settings/sec"><button type="submit">Security & Updates</button></form>
 </body></html>)=====";
 
 
@@ -72,7 +73,7 @@ Do not enable if WiFi is working correctly, increases power consumption.</i><div
 // Autogenerated from wled00/data/settings_leds.htm, do not edit!!
 const char PAGE_settings_leds[] PROGMEM = R"=====(<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta 
 name="viewport" content="width=500"><title>LED Settings</title><script>
-var d=document,laprev=55,maxB=1,maxM=5e3,maxPB=4096,bquot=0;function H(){window.open("https://github.com/Aircoookie/WLED/wiki/Settings#led-settings")}function B(){window.open("/settings","_self")}function off(e){d.getElementsByName(e)[0].value=-1}function bLimits(e,n,t){maxB=e,maxM=t,maxPB=n}function pinsOK(){var e=d.getElementsByTagName("input");for(i=0;i<e.length;i++){var n=e[i].name.substring(0,2);if(("L0"==n||"L1"==n||"L2"==n||"L3"==n||"L4"==n||"RL"==n||"BT"==n||"IR"==n||"AX"==n)&&""!=e[i].value&&"-1"!=e[i].value){if(d.um_p&&d.um_p.some(n=>n==parseInt(e[i].value,10)))return alert(`Sorry, pins ${JSON.stringify(d.um_p)} can't be used.`),e[i].value="",e[i].focus(),!1;if(e[i].value>5&&e[i].value<12)return alert("Sorry, pins 6-11 can not be used."),e[i].value="",e[i].focus(),!1;for(j=i+1;j<e.length;j++){var t=e[j].name.substring(0,2);if(("L0"==t||"L1"==t||"L2"==t||"L3"==t||"L4"==t||"RL"==t||"BT"==t||"IR"==t||"AX"==t)&&""!=e[j].value&&e[i].value==e[j].value)return alert(`Pin conflict between ${n}/${t}!`),e[j].value="",e[j].focus(),!1}}}return!0}function trySubmit(e){if(e.preventDefault(),!pinsOK())return e.stopPropagation(),!1;if(bquot>100){var n="Too many LEDs for me to handle!";maxM<1e4&&(n+="\n\rConsider using an ESP32."),alert(n)}d.Sf.checkValidity()&&d.Sf.submit()}function S(){GetV(),setABL()}function enABL(){var e=d.getElementById("able").checked;d.Sf.LA.value=e?laprev:0,d.getElementById("abl").style.display=e?"inline":"none",d.getElementById("psu2").style.display=e?"inline":"none",d.Sf.LA.value>0&&setABL()}function enLA(){var e=d.Sf.LAsel.value;d.Sf.LA.value=e,d.getElementById("LAdis").style.display=50==e?"inline":"none",UI()}function setABL(){switch(d.getElementById("able").checked=!0,d.Sf.LAsel.value=50,parseInt(d.Sf.LA.value)){case 0:d.getElementById("able").checked=!1,enABL();break;case 30:d.Sf.LAsel.value=30;break;case 35:d.Sf.LAsel.value=35;break;case 55:d.Sf.LAsel.value=55;break;case 255:d.Sf.LAsel.value=255;break;default:d.getElementById("LAdis").style.display="inline"}d.getElementById("m1").innerHTML=maxM,d.getElementsByName("Sf")[0].addEventListener("submit",trySubmit),UI()}function getMem(e,n,t){return e<32?maxM<1e4&&3==t?e>29?20*n:15*n:maxM>=1e4?e>29?8*n:6*n:e>29?4*n:3*n:e>31&&e<48?5:44==e||45==e?4*n:3*n}function UI(e=!1){var n=0;d.getElementById("ampwarning").style.display=d.Sf.MA.value>7200?"inline":"none",255==d.Sf.LA.value?laprev=12:d.Sf.LA.value>0&&(laprev=d.Sf.LA.value);var t=d.getElementsByTagName("select");for(g=0;g<t.length;g++)if("LT"==t[g].name.substring(0,2)){y=t[g].name.substring(2);var a=parseInt(t[g].value,10);d.getElementById("p0d"+y).innerHTML=a>49?"Data:":a>41?"Pins:":"Pin:",d.getElementById("p1d"+y).innerHTML=a>49?"Clk:":"";var i=d.getElementsByName("L1"+y)[0];for(n+=getMem(a,d.getElementsByName("LC"+y)[0].value,d.getElementsByName("L0"+y)[0].value),p=1;p<5;p++){(i=d.getElementsByName("L"+p+y)[0])&&(a>49&&1==p||a>41&&a<50&&p+40<a?(i.style.display="inline",i.required=!0):(i.style.display="none",i.required=!1,i.value=""))}d.getElementById("ls"+y).readOnly=!(a>31&&a<48),d.getElementById("LC").readOnly=!(a>31&&a<48),e&&(d.getElementById("ls"+y).value=y+1),d.getElementById("dig"+y).style.display=a>31&&a<48?"none":"inline",d.getElementById("psd"+y).innerHTML=a>31&&a<48?"Index:":"Start:"}var l=d.querySelectorAll(".wc"),o=l.length;for(g=0;g<o;g++)l[g].style.display="none";var s=d.getElementsByTagName("input"),u=0,m=0;for(g=0;g<s.length;g++){var r=s[g].name.substring(0,2);if("LC"!=r||"LC"===s[g].name){if("L0"==r||"L1"==r)d.getElementsByName("LC"+s[g].name.substring(2))[0].max=maxPB}else{var y=s[g].name.substring(2),v=parseInt(s[g].value,10);d.getElementById("ls"+y).readOnly&&(d.getElementById("ls"+y).value=u),v&&(u+=v,v>m&&(m=v))}}if(d.getElementById("LC").readOnly&&(d.getElementsByName("LC")[0].value=u),d.activeElement==d.getElementsByName("LC")[0]){var g=d.getElementsByClassName("iST").length;1==g&&(d.getElementsByName("LC0")[0].value=d.getElementsByName("LC")[0].value)}d.getElementById("m0").innerHTML=n,bquot=n/maxM*100,d.getElementById("dbar").style.background=`linear-gradient(90deg, ${bquot>60?bquot>90?"red":"orange":"#ccc"} 0 ${bquot}%%, #444 ${bquot}%% 100%%)`,d.getElementById("ledwarning").style.display=u>maxPB||m>800||bquot>80?"inline":"none",d.getElementById("ledwarning").style.color=u>maxPB||m>maxPB||bquot>100?"red":"orange",d.getElementById("wreason").innerHTML=bquot>80?"80% of max. LED memory"+(bquot>100?` (<b>WARNING: Using over ${maxM}B!</b>)`:""):"800 LEDs per pin";var L=Math.ceil((100+u*laprev)/500)/2;L=L>5?Math.ceil(L):L;t="";var B=30==d.Sf.LAsel.value,c=255==d.Sf.LAsel.value;L<1.02&&!B&&!c?t="ESP 5V pin with 1A USB supply":(t+=B?"12V ":c?"WS2815 12V ":"5V ",t+=L,t+="A supply connected to LEDs");var f=Math.ceil((100+u*laprev)/1500)/2,E="(for most effects, ~";E+=f=f>5?Math.ceil(f):f,E+="A is enough)<br>",d.getElementById("psu").innerHTML=t,d.getElementById("psu2").innerHTML=c?"":E}function lastEnd(e){return e<1?0:(v=parseInt(d.getElementsByName("LS"+(e-1))[0].value)+parseInt(d.getElementsByName("LC"+(e-1))[0].value),isNaN(v)?0:v)}function addLEDs(e){if(e>1)return maxB=e,void(d.getElementById("+").style.display="inline");var n=d.getElementsByClassName("iST"),t=n.length;if(!(1==e&&t>=maxB||-1==e&&0==t)){var a=d.getElementById("mLC");if(1==e){var i=`<div class="iST">\n${t>0?'<hr style="width:260px">':""}\n${t+1}:\n<select name="LT${t}" onchange="UI(true)">\n<option value="22">WS281x</option>\n<option value="30">SK6812 RGBW</option>\n<option value="31">TM1814</option>\n<option value="24">400kHz</option>\n<option value="50">WS2801</option>\n<option value="51">APA102</option>\n<option value="52">LPD8806</option>\n<option value="53">P9813</option>\n<option value="41">PWM White</option>\n<option value="42">PWM WWCW</option>\n<option value="43">PWM RGB</option>\n<option value="44">PWM RGBW</option>\n<option value="45">PWM RGBWC</option>\n</select>&nbsp;\nColor Order:\n<select name="CO${t}">\n<option value="0">GRB</option>\n<option value="1">RGB</option>\n<option value="2">BRG</option>\n<option value="3">RBG</option>\n<option value="4">BGR</option>\n<option value="5">GBR</option>\n</select><br>\n<span id="p0d${t}">Pin:</span> <input type="number" name="L0${t}" min="0" max="40" required style="width:35px" onchange="UI()"/>\n<span id="p1d${t}">Clock:</span> <input type="number" name="L1${t}" min="0" max="40" style="width:35px" onchange="UI()"/>\n<span id="p2d${t}"></span><input type="number" name="L2${t}" min="0" max="40" style="width:35px" onchange="UI()"/>\n<span id="p3d${t}"></span><input type="number" name="L3${t}" min="0" max="40" style="width:35px" onchange="UI()"/>\n<span id="p4d${t}"></span><input type="number" name="L4${t}" min="0" max="40" style="width:35px" onchange="UI()"/>\n<br>\n<span id="psd${t}">Start:</span> <input type="number" name="LS${t}" id="ls${t}" min="0" max="8191" value="${lastEnd(t)}" required />&nbsp;\n<div id="dig${t}" style="display:inline">\nCount: <input type="number" name="LC${t}" min="0" max="${maxPB}" value="1" required oninput="UI()" /><br>\nReverse (rotated 180°): <input type="checkbox" name="CV${t}">\n&nbsp;Skip 1<sup>st</sup> LED: <input id="sl${t}" type="checkbox" name="SL${t}"><br>\n</div>\n</div>`;a.insertAdjacentHTML("beforeend",i)}-1==e&&(n[--t].remove(),--t),d.getElementById("+").style.display=t<maxB-1?"inline":"none",d.getElementById("-").style.display=t>0?"inline":"none",UI()}}function GetV() {var d=document;
+var d=document,laprev=55,maxB=1,maxM=5e3,maxPB=4096,bquot=0;function H(){window.open("https://github.com/Aircoookie/WLED/wiki/Settings#led-settings")}function B(){window.open("/settings","_self")}function off(e){d.getElementsByName(e)[0].value=-1}function bLimits(e,n,t){maxB=e,maxM=t,maxPB=n}function pinsOK(){var e=d.getElementsByTagName("input");for(i=0;i<e.length;i++){var n=e[i].name.substring(0,2);if(("L0"==n||"L1"==n||"L2"==n||"L3"==n||"L4"==n||"RL"==n||"BT"==n||"IR"==n||"AX"==n)&&""!=e[i].value&&"-1"!=e[i].value){if(d.um_p&&d.um_p.some(n=>n==parseInt(e[i].value,10)))return alert(`Sorry, pins ${JSON.stringify(d.um_p)} can't be used.`),e[i].value="",e[i].focus(),!1;if(e[i].value>5&&e[i].value<12)return alert("Sorry, pins 6-11 can not be used."),e[i].value="",e[i].focus(),!1;for(j=i+1;j<e.length;j++){var t=e[j].name.substring(0,2);if(("L0"==t||"L1"==t||"L2"==t||"L3"==t||"L4"==t||"RL"==t||"BT"==t||"IR"==t||"AX"==t)&&""!=e[j].value&&e[i].value==e[j].value)return alert(`Pin conflict between ${n}/${t}!`),e[j].value="",e[j].focus(),!1}}}return!0}function trySubmit(e){if(e.preventDefault(),!pinsOK())return e.stopPropagation(),!1;if(bquot>100){var n="Too many LEDs for me to handle!";maxM<1e4&&(n+="\n\rConsider using an ESP32."),alert(n)}d.Sf.checkValidity()&&d.Sf.submit()}function S(){GetV(),setABL()}function enABL(){var e=d.getElementById("able").checked;d.Sf.LA.value=e?laprev:0,d.getElementById("abl").style.display=e?"inline":"none",d.getElementById("psu2").style.display=e?"inline":"none",d.Sf.LA.value>0&&setABL()}function enLA(){var e=d.Sf.LAsel.value;d.Sf.LA.value=e,d.getElementById("LAdis").style.display=50==e?"inline":"none",UI()}function setABL(){switch(d.getElementById("able").checked=!0,d.Sf.LAsel.value=50,parseInt(d.Sf.LA.value)){case 0:d.getElementById("able").checked=!1,enABL();break;case 30:d.Sf.LAsel.value=30;break;case 35:d.Sf.LAsel.value=35;break;case 55:d.Sf.LAsel.value=55;break;case 255:d.Sf.LAsel.value=255;break;default:d.getElementById("LAdis").style.display="inline"}d.getElementById("m1").innerHTML=maxM,d.getElementsByName("Sf")[0].addEventListener("submit",trySubmit),UI()}function getMem(e,n,t){return e<32?maxM<1e4&&3==t?e>29?20*n:15*n:maxM>=1e4?e>29?8*n:6*n:e>29?4*n:3*n:e>31&&e<48?5:44==e||45==e?4*n:3*n}function UI(e=!1){var n=0;d.getElementById("ampwarning").style.display=d.Sf.MA.value>7200?"inline":"none",255==d.Sf.LA.value?laprev=12:d.Sf.LA.value>0&&(laprev=d.Sf.LA.value);var t=d.getElementsByTagName("select");for(L=0;L<t.length;L++)if("LT"==t[L].name.substring(0,2)){v=t[L].name.substring(2);var a=parseInt(t[L].value,10);d.getElementById("p0d"+v).innerHTML=a>49?"Data:":a>41?"Pins:":"Pin:",d.getElementById("p1d"+v).innerHTML=a>49?"Clk:":"";var i=d.getElementsByName("L1"+v)[0];for(n+=getMem(a,d.getElementsByName("LC"+v)[0].value,d.getElementsByName("L0"+v)[0].value),p=1;p<5;p++){(i=d.getElementsByName("L"+p+v)[0])&&(a>49&&1==p||a>41&&a<50&&p+40<a?(i.style.display="inline",i.required=!0):(i.style.display="none",i.required=!1,i.value=""))}d.getElementById("ls"+v).readOnly=!(a>31&&a<48),d.getElementById("LC").readOnly=!(a>31&&a<48),e&&(d.getElementById("ls"+v).value=v+1),d.getElementById("dig"+v).style.display=a>31&&a<48?"none":"inline",d.getElementById("psd"+v).innerHTML=a>31&&a<48?"Index:":"Start:"}var l=d.querySelectorAll(".wc"),s=l.length;for(L=0;L<s;L++)l[L].style.display="none";var o=d.getElementsByTagName("input"),u=0,r=0;for(L=0;L<o.length;L++){var m=o[L].name.substring(0,2);if("LC"!=m||"LC"===o[L].name){if("L0"==m||"L1"==m)d.getElementsByName("LC"+o[L].name.substring(2))[0].max=maxPB;if(("L0"==m||"L1"==m||"L2"==m||"L3"==m||"L4"==m||"RL"==m||"BT"==m||"IR"==m||"AX"==m)&&""!=o[L].value&&"-1"!=o[L].value){var p=[];if(d.um_p&&Array.isArray(d.um_p))for(k=0;k<d.um_p.length;k++)p.push(d.um_p[k]);for(j=0;j<o.length;j++)if(L!=j){var y=o[j].name.substring(0,2);"L0"!=y&&"L1"!=y&&"L2"!=y&&"L3"!=y&&"L4"!=y&&"RL"!=y&&"BT"!=y&&"IR"!=y&&"AX"!=y||""!=o[j].value&&"-1"!=o[j].value&&p.push(parseInt(o[j].value,10))}p.some(e=>e==parseInt(o[L].value,10))?o[L].style.color="red":o[L].style.color="#fff"}}else{var v=o[L].name.substring(2),g=parseInt(o[L].value,10);d.getElementById("ls"+v).readOnly&&(d.getElementById("ls"+v).value=u),g&&(u+=g,g>r&&(r=g))}}if(d.getElementById("LC").readOnly&&(d.getElementsByName("LC")[0].value=u),d.activeElement==d.getElementsByName("LC")[0]){var L=d.getElementsByClassName("iST").length;1==L&&(d.getElementsByName("LC0")[0].value=d.getElementsByName("LC")[0].value)}d.getElementById("m0").innerHTML=n,bquot=n/maxM*100,d.getElementById("dbar").style.background=`linear-gradient(90deg, ${bquot>60?bquot>90?"red":"orange":"#ccc"} 0 ${bquot}%%, #444 ${bquot}%% 100%%)`,d.getElementById("ledwarning").style.display=u>maxPB||r>800||bquot>80?"inline":"none",d.getElementById("ledwarning").style.color=u>maxPB||r>maxPB||bquot>100?"red":"orange",d.getElementById("wreason").innerHTML=bquot>80?"80% of max. LED memory"+(bquot>100?` (<b>WARNING: Using over ${maxM}B!</b>)`:""):"800 LEDs per pin";var B=Math.ceil((100+u*laprev)/500)/2;B=B>5?Math.ceil(B):B;t="";var f=30==d.Sf.LAsel.value,c=255==d.Sf.LAsel.value;B<1.02&&!f&&!c?t="ESP 5V pin with 1A USB supply":(t+=f?"12V ":c?"WS2815 12V ":"5V ",t+=B,t+="A supply connected to LEDs");var E=Math.ceil((100+u*laprev)/1500)/2,b="(for most effects, ~";b+=E=E>5?Math.ceil(E):E,b+="A is enough)<br>",d.getElementById("psu").innerHTML=t,d.getElementById("psu2").innerHTML=c?"":b}function lastEnd(e){return e<1?0:(v=parseInt(d.getElementsByName("LS"+(e-1))[0].value)+parseInt(d.getElementsByName("LC"+(e-1))[0].value),isNaN(v)?0:v)}function addLEDs(e){if(e>1)return maxB=e,void(d.getElementById("+").style.display="inline");var n=d.getElementsByClassName("iST"),t=n.length;if(!(1==e&&t>=maxB||-1==e&&0==t)){var a=d.getElementById("mLC");if(1==e){var i=`<div class="iST">\n${t>0?'<hr style="width:260px">':""}\n${t+1}:\n<select name="LT${t}" onchange="UI(true)">\n<option value="22">WS281x</option>\n<option value="30">SK6812 RGBW</option>\n<option value="31">TM1814</option>\n<option value="24">400kHz</option>\n<option value="50">WS2801</option>\n<option value="51">APA102</option>\n<option value="52">LPD8806</option>\n<option value="53">P9813</option>\n<option value="41">PWM White</option>\n<option value="42">PWM WWCW</option>\n<option value="43">PWM RGB</option>\n<option value="44">PWM RGBW</option>\n<option value="45">PWM RGBWC</option>\n</select>&nbsp;\nColor Order:\n<select name="CO${t}">\n<option value="0">GRB</option>\n<option value="1">RGB</option>\n<option value="2">BRG</option>\n<option value="3">RBG</option>\n<option value="4">BGR</option>\n<option value="5">GBR</option>\n</select><br>\n<span id="p0d${t}">Pin:</span> <input type="number" name="L0${t}" min="0" max="40" required style="width:35px" onchange="UI()"/>\n<span id="p1d${t}">Clock:</span> <input type="number" name="L1${t}" min="0" max="40" style="width:35px" onchange="UI()"/>\n<span id="p2d${t}"></span><input type="number" name="L2${t}" min="0" max="40" style="width:35px" onchange="UI()"/>\n<span id="p3d${t}"></span><input type="number" name="L3${t}" min="0" max="40" style="width:35px" onchange="UI()"/>\n<span id="p4d${t}"></span><input type="number" name="L4${t}" min="0" max="40" style="width:35px" onchange="UI()"/>\n<br>\n<span id="psd${t}">Start:</span> <input type="number" name="LS${t}" id="ls${t}" min="0" max="8191" value="${lastEnd(t)}" required />&nbsp;\n<div id="dig${t}" style="display:inline">\nCount: <input type="number" name="LC${t}" min="0" max="${maxPB}" value="1" required oninput="UI()" /><br>\nReverse (rotated 180°): <input type="checkbox" name="CV${t}">\n&nbsp;Skip 1<sup>st</sup> LED: <input id="sl${t}" type="checkbox" name="SL${t}"><br>\n</div>\n</div>`;a.insertAdjacentHTML("beforeend",i)}-1==e&&(n[--t].remove(),--t),d.getElementById("+").style.display=t<maxB-1?"inline":"none",d.getElementById("-").style.display=t>0?"inline":"none",UI()}}function GetV() {var d=document;
 %CSS%%SCSS%</head><body onload="S()"><form
  id="form_s" name="Sf" method="post"><div class="toprow"><div class="helpB">
 <button type="button" onclick="H()">?</button></div><button type="button" 
@@ -389,3 +390,18 @@ MIT license</a></i><br><br>Server message: <span class="sip">Response error!
 </span><hr><button type="button" onclick="B()">Back</button><button 
 type="submit">Save & Reboot</button></form></body></html>)=====";
 
+
+// Autogenerated from wled00/data/settings_um.htm, do not edit!!
+const char PAGE_settings_um[] PROGMEM = R"=====(<!DOCTYPE html><html><head lang="en"><meta charset="utf-8"><meta 
+name="viewport" content="width=500"><title>UI Settings</title><script>
+var owner,locip,d=document,umCfg={},pins=[6,7,8,9,10,11],pinO=["reserved","reserved","reserved","reserved","reserved","reserved"],loc=!1;function gId(e){return d.getElementById(e)}function isO(e){return e&&"object"==typeof e&&!Array.isArray(e)}function H(){window.open("https://github.com/Aircoookie/WLED/wiki/Settings#usermod-settings")}function B(){window.open("/settings","_self")}function S(){"file:"==window.location.protocol&&(loc=!0,(locip=localStorage.getItem("locIp"))||(locip=prompt("File Mode. Please enter WLED IP!"),localStorage.setItem("locIp",locip))),ldS()}function check(e,n){if("number"==e.type&&"_pin"==e.name.substr(-4))for(var t=0;t<pins.length;t++)if(n!=pinO[t]){if(e.value==pins[t]){e.style.color="red";break}e.style.color="#fff"}}function getPins(e){if(isO(e))for(const[t,i]of Object.entries(e))if(isO(i))owner=t,getPins(i);else if("pin"==t)if(Array.isArray(i))for(var n=0;n<i.length;n++)i[n]>=0&&(pins.push(i[n]),pinO.push(owner));else i>=0&&(pins.push(i),pinO.push(owner));else if(Array.isArray(i))for(n=0;n<i.length;n++)getPins(i[n])}function ldS(){fetch((loc?"http://"+locip:"")+"/cfg.json",{method:"get"}).then(e=>(e.ok||(gId("lserr").style.display="inline"),e.json())).then(e=>{umCfg=e.um,getPins(e);var n="";if(isO(umCfg)){for(const[e,o]of Object.entries(umCfg))if(n+=`<hr><h3>${e}</h3>`,isO(o))for(const[r,s]of Object.entries(o)){var t,i;switch(typeof s){case"boolean":t="checkbox",i=s?'checked value="on"':"";break;case"number":t="number",i=`value="${parseInt(s,10)}"`;break;case"string":default:t="text",i=`value="${s}"`}"checkbox"==t&&(n+=`<input type="hidden" name="${e}_${r}" value="off">`),n+=`${r}: <input type="${t}" name="${e}_${r}" ${i} oninput="check(this,'${e}')"><br>`}gId("um").innerHTML=n}}).catch((function(e){gId("lserr").style.display="inline",console.log(e)}))}function svS(e){e.preventDefault(),console.log(d.Sf),d.Sf.checkValidity()&&d.Sf.submit()}function GetV(){}
+</script>%CSS%%SCSS%</head><body onload="S()"><form
+ id="form_s" name="Sf" method="post" onsubmit="svS(event)"><div class="toprow">
+<div class="helpB"><button type="button" onclick="H()">?</button></div><button 
+type="button" onclick="B()">Back</button><button type="submit">Save</button><br>
+<span id="lssuc" style="color:green;display:none">&#10004; Configuration saved!
+</span> <span id="lserr" style="color:red;display:none">
+&#9888; Could not load configuration.</span><hr></div><h2>Usermod Setup</h2><div
+ id="um">Loading settings...</div><hr><button type="button" onclick="B()">Back
+</button><button type="submit">Save</button></form></body></html>)=====";
+
diff --git a/wled00/set.cpp b/wled00/set.cpp
index 6c696cb68..005e568e9 100644
--- a/wled00/set.cpp
+++ b/wled00/set.cpp
@@ -32,7 +32,7 @@ void handleSettingsSet(AsyncWebServerRequest *request, byte subPage)
 {
 
   //0: menu 1: wifi 2: leds 3: ui 4: sync 5: time 6: sec 7: DMX
-  if (subPage <1 || subPage >7) return;
+  if (subPage <1 || subPage >8) return;
 
   //WIFI SETTINGS
   if (subPage == 1)
@@ -408,6 +408,26 @@ void handleSettingsSet(AsyncWebServerRequest *request, byte subPage)
   }
   #endif
 
+  //USERMODS
+  if (subPage == 8)
+  {
+    DynamicJsonDocument doc(JSON_BUFFER_SIZE);
+    JsonObject um = doc.createNestedObject(F("um"));
+
+    size_t args = request->args();
+    for (size_t i=0; i<args; i++) {
+      String name = request->argName(i);
+      String value = request->arg(i);
+
+      um.remove(name);  // checkboxes get two fields (first is always "off", existence of second depends on checkmark and may be "on")
+      um[name] = value;
+      DEBUG_PRINT(name);
+      DEBUG_PRINT(" = ");
+      DEBUG_PRINTLN(value);
+    }
+    usermods.readFromJsonState(um);
+  }
+
   if (subPage != 2 && (subPage != 6 || !doReboot)) serializeConfig(); //do not save if factory reset or LED settings (which are saved after LED re-init)
   if (subPage == 4) alexaInit();
 }
diff --git a/wled00/wled_server.cpp b/wled00/wled_server.cpp
index 251c3cc7d..8808361c0 100644
--- a/wled00/wled_server.cpp
+++ b/wled00/wled_server.cpp
@@ -373,6 +373,7 @@ void serveSettings(AsyncWebServerRequest* request, bool post)
     #ifdef WLED_ENABLE_DMX // include only if DMX is enabled
     else if (url.indexOf("dmx")  > 0) subPage = 7;
     #endif
+    else if (url.indexOf("um")  > 0) subPage = 8;
   } else subPage = 255; //welcome page
 
   if (subPage == 1 && wifiLock && otaLock)
@@ -394,6 +395,7 @@ void serveSettings(AsyncWebServerRequest* request, bool post)
       case 5: strcpy_P(s, PSTR("Time")); break;
       case 6: strcpy_P(s, PSTR("Security")); strcpy_P(s2, PSTR("Rebooting, please wait ~10 seconds...")); break;
       case 7: strcpy_P(s, PSTR("DMX")); break;
+      case 8: strcpy_P(s, PSTR("Usermods")); break;
     }
 
     strcat_P(s, PSTR(" settings saved."));
@@ -420,6 +422,7 @@ void serveSettings(AsyncWebServerRequest* request, bool post)
     case 5:   request->send_P(200, "text/html", PAGE_settings_time, settingsProcessor); break;
     case 6:   request->send_P(200, "text/html", PAGE_settings_sec , settingsProcessor); break;
     case 7:   request->send_P(200, "text/html", PAGE_settings_dmx , settingsProcessor); break;
+    case 8:   request->send_P(200, "text/html", PAGE_settings_um  , settingsProcessor); break;
     case 255: request->send_P(200, "text/html", PAGE_welcome); break;
     default:  request->send_P(200, "text/html", PAGE_settings     , settingsProcessor); 
   }
diff --git a/wled00/xml.cpp b/wled00/xml.cpp
index f9c83062e..6e3983438 100644
--- a/wled00/xml.cpp
+++ b/wled00/xml.cpp
@@ -274,9 +274,9 @@ void getSettingsJS(byte subPage, char* dest)
         } else if (!kv.value().isNull()) {
           // element is an JsonObject
           JsonObject obj = kv.value();
-          if (obj[F("pin")] != nullptr) {
+          if (obj["pin"] != nullptr) {
             if (i++) oappend(SET_F(","));
-            oappendi((int)obj[F("pin")]);
+            oappendi((int)obj["pin"]);
           }
         }
       }