diff --git a/blueprint-compiler b/blueprint-compiler
index 402677f68..87a8ef8a3 160000
--- a/blueprint-compiler
+++ b/blueprint-compiler
@@ -1 +1 @@
-Subproject commit 402677f687ecdb78026864188bae50b9d85949de
+Subproject commit 87a8ef8a3bdfeff5547dc6d6cc1ca41a303ce6fb
diff --git a/src/Library/demos/Spin Button/main.blp b/src/Library/demos/Spin Button/main.blp
new file mode 100644
index 000000000..83b5bd8ba
--- /dev/null
+++ b/src/Library/demos/Spin Button/main.blp	
@@ -0,0 +1,37 @@
+using Gtk 4.0;
+using Adw 1;
+
+Adw.StatusPage {
+  title: "Spin Button";
+  description: _("Display spin button count (0 - 100)");
+
+  Box {
+  orientation: vertical;
+  spacing: 12;
+
+    SpinButton spinbutton{
+      halign: center;
+      value: 0;
+      climb-rate: 1;
+      adjustment: Gtk.Adjustment {
+        lower: 0;
+        page-increment: 1;
+        step-increment: 1;
+        upper: 100;
+        value: 0;
+      };
+    }
+
+    LinkButton {
+      label: "API Reference";
+      uri: "https://docs.gtk.org/gtk4/class.SpinButton.html";
+    }
+
+    LinkButton {
+      label: "Human Interface Guidelines";
+      uri: "https://developer.gnome.org/hig/patterns/controls/spin-buttons.html";
+    }
+  }
+
+}
+
diff --git a/src/Library/demos/Spin Button/main.js b/src/Library/demos/Spin Button/main.js
new file mode 100644
index 000000000..8ce9764d7
--- /dev/null
+++ b/src/Library/demos/Spin Button/main.js	
@@ -0,0 +1,7 @@
+const spinbutton = workbench.builder.get_object("spinbutton");
+
+spinbutton.connect("value-changed", (button) => {
+  // Log new entry to the console
+  console.log("New entry:", button.get_value());
+});
+
diff --git a/src/Library/demos/Spin Button/main.json b/src/Library/demos/Spin Button/main.json
new file mode 100644
index 000000000..9bcdb2c01
--- /dev/null
+++ b/src/Library/demos/Spin Button/main.json	
@@ -0,0 +1,10 @@
+{
+  "name": "Spin Button",
+  "category": "user_interface",
+  "description": "Let users choose a precise numerical value.",
+  "panels": [
+    "ui",
+    "preview"
+  ],
+  "autorun": true
+}