diff --git a/examples/server/public/index.html b/examples/server/public/index.html
index 8ace0b0af..50fb14b8b 100644
--- a/examples/server/public/index.html
+++ b/examples/server/public/index.html
@@ -264,6 +264,7 @@
       const updateSession = (el) => session.value = { ...session.value, [el.target.name]: el.target.value }
       const updateParams = (el) => params.value = { ...params.value, [el.target.name]: el.target.value }
       const updateParamsFloat = (el) => params.value = { ...params.value, [el.target.name]: parseFloat(el.target.value) }
+      const updateParamsInt = (el) => params.value = { ...params.value, [el.target.name]: parseInt(el.target.value, 10) }
 
       return html`
         <form>
@@ -299,6 +300,12 @@
               <span>${params.value.temperature}</span>
             </div>
 
+            <div>
+              <label for="top-k">Top-K</label>
+              <input type="range" id="top-k" min="1" max="100" step="1" name="top_k" value="${params.value.top_k}" oninput=${updateParamsInt} />
+              <span>${params.value.top_k}</span>
+            </div>
+
             <div>
               <label for="nPredict">Predictions</label>
               <input type="range" id="nPredict" min="1" max="2048" step="1" name="n_predict" value="${params.value.n_predict}" oninput=${updateParamsFloat} />