diff --git a/sigl/templates/lists/addItem.html.j2 b/sigl/templates/lists/addItem.html.j2
new file mode 100644
index 0000000..0d7f0bf
--- /dev/null
+++ b/sigl/templates/lists/addItem.html.j2
@@ -0,0 +1,52 @@
+{% extends 'base.html.j2' %}
+{% block title %}{{ list.name }} | Sigl{% endblock %}
+{% block header %}
+<div class="flex justify-between items-center py-1">
+    <div class="text-sm font-bold text-gray-800">Add Item to {{ list.name }}</div>
+    <div class="flex justify-start items-start">
+        <a href="{{ url_for('lists.detail', id=list.id) }}" class="px-2 py-1 text-xs text-white bg-gray-600 hover:bg-gray-700 border rounded flex justify-between items-center">
+            Cancel
+        </a>
+    </div>
+</div>
+{% endblock %}
+{% block main %}
+<form method="post">
+    <div class="py-2 px-4 flex flex-col">
+        <fieldset class="flex flex-col" x-data="{productId:''}">
+            <legend class="sr-only">Select Product to Add</legend>
+            <div class="flex flex-col pb-4">
+                <label for="product" class="py-1 text-xs text-gray-700 font-semibold">Product:</label>
+                <select id="product" name="product" class="flex-grow p-1 text-sm bg-white border rounded" x-model='productId'>
+                    <option value="" disabled selected>Select a Product</option>
+                    <option value="new">Create a New Product</option>
+{% for p in products|sort(attribute='category')|sort(attribute='name') %}
+                    <option value="{{ p.id }}">{{ p.name }}{% if p.category %} (in {{ p.category }}){% endif %}</option>
+{% endfor %}
+                </select>
+            </div>
+            <div class="flex flex-col sm:flex-row sm:justify-between" x-show="productId == 'new'">
+                <div class="w-full sm:mr-1 flex flex-col pb-4">
+                    <label for="productName" class="py-1 text-xs text-gray-700 font-semibold">Product Name:</label>
+                    <input type="text" id="productName" name="productName" class="p-1 text-sm border border-gray-200 rounded" />
+                </div>
+                <div class="w-full sm:ml-1 flex flex-col pb-4">
+                    <label for="productCategory" class="py-1 text-xs text-gray-700 font-semibold">Category:</label>
+                    <input type="text" id="productCategory" name="productCategory" class="p-1 text-sm border border-gray-200 rounded" />
+                </div>
+            </div>
+        </fieldset>
+        <div class="flex flex-col pb-4">
+            <label for="quantity" class="py-1 text-xs text-gray-700 font-semibold">Quantity:</label>
+            <input type="text" name="quantity" id="quantity" class="p-1 text-sm border border-gray-200 rounded" />
+        </div>
+        <div class="flex flex-col pb-4">
+            <label for="notes" class="py-1 text-xs text-gray-700 font-semibold">Notes:</label>
+            <textarea name="notes" id="notes" class="p-1 text-sm border border-gray-200 rounded"></textarea>
+        </div>
+        <div class="flex justify-end">
+            <button type="submit" class="px-2 py-1 border rounded text-sm text-white bg-blue-600 hover:bg-blue-700">Add Item</button>
+        </div>
+    </div>
+</form>
+{% endblock %}
\ No newline at end of file