diff --git a/deckster/examples/full/button-page.toml b/deckster/examples/full/button-page.toml
new file mode 100644
index 0000000..53409c2
--- /dev/null
+++ b/deckster/examples/full/button-page.toml
@@ -0,0 +1,17 @@
+id = "default"
+
+[defaults]
+inactive_color = "#ff0000"
+active_color = "#ffffff"
+
+[buttons.0]
+mode.switch_page = { page = "default" }
+
+[buttons.1]
+mode.switch_page = { page = "numpad" }
+
+[buttons.2]
+mode.switch_page = { page = "emojis" }
+
+[buttons.3]
+mode.switch_page = { page = "special_chars" }
\ No newline at end of file
diff --git a/deckster/examples/full/deckster.toml b/deckster/examples/full/deckster.toml
new file mode 100644
index 0000000..b0734ec
--- /dev/null
+++ b/deckster/examples/full/deckster.toml
@@ -0,0 +1,21 @@
+key_pages = ["./key-pages/*"]
+button_pages = ["./button-page.toml"]
+
+[initial]
+key_page = "default"
+button_page = "default"
+knob_page = "default"
+
+[[icon_packs]]
+id = "apps"
+path = "./apps"
+
+[[icon_packs]]
+id = "fad"
+path = "./fad"
+global_filter = "invert"
+
+[[icon_packs]]
+id = "ph"
+path = "./ph"
+global_filter = "invert"
\ No newline at end of file
diff --git a/deckster/examples/full/icons/apps/discord.svg b/deckster/examples/full/icons/apps/discord.svg
new file mode 100644
index 0000000..4cadbc7
--- /dev/null
+++ b/deckster/examples/full/icons/apps/discord.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 127.14 96.36"><path fill="#5865f2" d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z"/></svg>
\ No newline at end of file
diff --git a/deckster/examples/full/icons/fad/shuffle.svg b/deckster/examples/full/icons/fad/shuffle.svg
new file mode 100644
index 0000000..21301f3
--- /dev/null
+++ b/deckster/examples/full/icons/fad/shuffle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256"><g fill="currentColor" fill-rule="evenodd"><path d="m47.813 71.467l36.415-.012c2.211 0 5.129 1.393 6.52 3.118l22.522 27.923l-10.972 11.499c-.763.8-1.929.738-2.599-.131L82.43 91.477c-.672-.872-2.112-1.577-3.21-1.575l-29.479.055a1.98 1.98 0 0 1-1.986-1.993l.059-16.497z"/><path d="M49.2 166.329a1.904 1.904 0 0 0-1.958 1.963l.303 14.054a2.092 2.092 0 0 0 2.042 2.034l34.042.55c2.212.035 5.14-1.32 6.544-3.03l74.103-90.29h15.474l-22.104 26.93h19.1c1.66 0 3.902-.988 5.026-2.226l23.499-25.87c4.086-4.497 3.968-11.673-.268-16.033l-22.46-23.115c-1.543-1.587-4.583-2.874-6.796-2.874H160.65c-1.659 0-2.096.977-.964 2.195l20.064 21.587h-19.106c-2.208 0-5.129 1.394-6.523 3.111L81.023 165.38c-.693.854-2.16 1.528-3.255 1.507L49.2 166.33z"/><path d="M140.208 139.822c1.451-1.663 3.72-1.586 5.067.167l19.001 24.754h15.474l-19.973-26.931h16.983c1.651 0 3.877 1.007 4.975 2.253l22.661 25.729c4.017 4.56 3.902 11.835-.271 16.265l-21.626 22.953c-1.518 1.612-4.539 2.918-6.743 2.918h-12.989c-1.65 0-2.144-1.049-1.11-2.331l18.093-22.451h-20.096c-2.213 0-5.153-1.389-6.547-3.08l-22.06-26.75c-.704-.853-.68-2.226.038-3.048z"/></g></svg>
\ No newline at end of file
diff --git a/deckster/examples/full/icons/fad/thunderbolt.svg b/deckster/examples/full/icons/fad/thunderbolt.svg
new file mode 100644
index 0000000..21231b8
--- /dev/null
+++ b/deckster/examples/full/icons/fad/thunderbolt.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256"><path fill="currentColor" fill-rule="evenodd" d="M78.424 228.77c-.178 1.087.505 1.617 1.525 1.186l51.823-21.958c1.02-.433 1.149-1.346.29-2.039l-13.124-10.58l63.836-86.902c.654-.89.282-1.612-.808-1.612H128l53.414-79.142c.616-.912.21-1.65-.883-1.65h-34.145c-1.103 0-2.423.794-2.939 1.754L92.4 123.004c-.52.97-.044 1.755 1.053 1.755h48.942c1.102 0 1.477.73.834 1.638l-41.005 57.873l-13.127-9.535c-.895-.65-1.764-.301-1.943.792l-8.729 53.243z"/></svg>
\ No newline at end of file
diff --git a/deckster/examples/full/icons/ph/computer-tower.svg b/deckster/examples/full/icons/ph/computer-tower.svg
new file mode 100644
index 0000000..0f52c5e
--- /dev/null
+++ b/deckster/examples/full/icons/ph/computer-tower.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256"><path fill="currentColor" d="M88 72a8 8 0 0 1 8-8h64a8 8 0 0 1 0 16H96a8 8 0 0 1-8-8Zm8 40h64a8 8 0 0 0 0-16H96a8 8 0 0 0 0 16Zm112-72v176a16 16 0 0 1-16 16H64a16 16 0 0 1-16-16V40a16 16 0 0 1 16-16h128a16 16 0 0 1 16 16Zm-16 0H64v176h128Zm-64 128a12 12 0 1 0 12 12a12 12 0 0 0-12-12Z"/></svg>
\ No newline at end of file
diff --git a/deckster/examples/full/icons/ph/microphone-light.svg b/deckster/examples/full/icons/ph/microphone-light.svg
new file mode 100644
index 0000000..4cefb7c
--- /dev/null
+++ b/deckster/examples/full/icons/ph/microphone-light.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256"><path fill="currentColor" d="M128 174a46.06 46.06 0 0 0 46-46V64a46 46 0 0 0-92 0v64a46.06 46.06 0 0 0 46 46ZM94 64a34 34 0 0 1 68 0v64a34 34 0 0 1-68 0Zm40 141.75V232a6 6 0 0 1-12 0v-26.25A78.09 78.09 0 0 1 50 128a6 6 0 0 1 12 0a66 66 0 0 0 132 0a6 6 0 0 1 12 0a78.09 78.09 0 0 1-72 77.75Z"/></svg>
\ No newline at end of file
diff --git a/deckster/examples/full/icons/ph/microphone-slash-light.svg b/deckster/examples/full/icons/ph/microphone-slash-light.svg
new file mode 100644
index 0000000..1b16da6
--- /dev/null
+++ b/deckster/examples/full/icons/ph/microphone-slash-light.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256"><path fill="currentColor" d="m212.44 212l-160-176a6 6 0 0 0-8.88 8L82 86.32V128a46 46 0 0 0 72.24 37.78l13.53 14.89A66 66 0 0 1 62 128a6 6 0 0 0-12 0a78.09 78.09 0 0 0 72 77.75V232a6 6 0 0 0 12 0v-26.25a77.68 77.68 0 0 0 41.86-16.18l27.7 30.43a6 6 0 0 0 8.88-8.08ZM128 162a34 34 0 0 1-34-34V99.52l52.07 57.28A33.92 33.92 0 0 1 128 162ZM88.86 39.83A46 46 0 0 1 174 64v60.43a6 6 0 0 1-12 0V64a34 34 0 0 0-62.94-17.86a6 6 0 1 1-10.2-6.31ZM189.5 152a65.55 65.55 0 0 0 4.5-24a6 6 0 0 1 12 0a77.65 77.65 0 0 1-5.32 28.37a6 6 0 0 1-5.59 3.82a6 6 0 0 1-5.59-8.19Z"/></svg>
\ No newline at end of file
diff --git a/deckster/examples/full/icons/ph/pause.svg b/deckster/examples/full/icons/ph/pause.svg
new file mode 100644
index 0000000..ab4e50b
--- /dev/null
+++ b/deckster/examples/full/icons/ph/pause.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256"><path fill="currentColor" d="M200 32h-40a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h40a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16Zm0 176h-40V48h40ZM96 32H56a16 16 0 0 0-16 16v160a16 16 0 0 0 16 16h40a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16Zm0 176H56V48h40Z"/></svg>
\ No newline at end of file
diff --git a/deckster/examples/full/icons/ph/play.svg b/deckster/examples/full/icons/ph/play.svg
new file mode 100644
index 0000000..acf65b1
--- /dev/null
+++ b/deckster/examples/full/icons/ph/play.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256"><path fill="currentColor" d="M232.4 114.49L88.32 26.35a16 16 0 0 0-16.2-.3A15.86 15.86 0 0 0 64 39.87v176.26A15.94 15.94 0 0 0 80 232a16.07 16.07 0 0 0 8.36-2.35l144.04-88.14a15.81 15.81 0 0 0 0-27ZM80 215.94V40l143.83 88Z"/></svg>
\ No newline at end of file
diff --git a/deckster/examples/full/icons/ph/timer.svg b/deckster/examples/full/icons/ph/timer.svg
new file mode 100644
index 0000000..f2b9a1f
--- /dev/null
+++ b/deckster/examples/full/icons/ph/timer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256"><path fill="currentColor" d="M128 40a96 96 0 1 0 96 96a96.11 96.11 0 0 0-96-96Zm0 176a80 80 0 1 1 80-80a80.09 80.09 0 0 1-80 80Zm45.66-125.66a8 8 0 0 1 0 11.32l-40 40a8 8 0 0 1-11.32-11.32l40-40a8 8 0 0 1 11.32 0ZM96 16a8 8 0 0 1 8-8h48a8 8 0 0 1 0 16h-48a8 8 0 0 1-8-8Z"/></svg>
\ No newline at end of file
diff --git a/deckster/examples/full/key-pages/default.toml b/deckster/examples/full/key-pages/default.toml
new file mode 100644
index 0000000..2a90823
--- /dev/null
+++ b/deckster/examples/full/key-pages/default.toml
@@ -0,0 +1,28 @@
+[defaults]
+mode.vibrate = "low"
+
+[keys.1-1]
+mode.media__play_pause.icon.play = "@ph/play"
+mode.media__play_pause.icon.pause = "@ph/pause"
+
+[keys.1-2]
+icon = "@fad/shuffle"
+mode.spotify__shuffle.border_color.is_on = "#58fc11"
+
+[keys.2-1]
+icon = "@ph/timer"
+mode.timer.durations = ["60s", "5m", "10m", "15m", "30m"]
+mode.timer.vibrate_on_finish = true
+mode.timer.needy = true
+
+[keys.3-3]
+icon = "@fad/thunderbolt"
+label = "Dock"
+mode.homeassistant__switch.name = "switch.moritz_thunderbolt_dock"
+mode.homeassistant__switch.border_color.is_on = "#58fc11"
+
+[keys.3-4]
+icon = "@ph/computer-tower"
+label = "Tower PC"
+mode.homeassistant__switch.name = "switch.mwin"
+mode.homeassistant__switch.border_color.is_on = "#58fc11"
\ No newline at end of file
diff --git a/deckster/examples/full/key-pages/emojis.toml b/deckster/examples/full/key-pages/emojis.toml
new file mode 100644
index 0000000..cd4bcc5
--- /dev/null
+++ b/deckster/examples/full/key-pages/emojis.toml
@@ -0,0 +1,22 @@
+[scrolling]
+knob = "bottom-right"
+axis = "y"
+delta = 1
+
+[keys.4-1]
+mode.keyboard.key = "😀"
+
+[keys.4-2]
+mode.keyboard.key = "😄"
+
+[keys.4-3]
+mode.keyboard.key = "😅"
+
+[keys.4-4]
+mode.keyboard.key = "😂"
+
+[keys.4-5]
+mode.keyboard.key = "😁"
+
+[keys.4-6]
+mode.keyboard.key = "😇"
\ No newline at end of file
diff --git a/deckster/examples/full/key-pages/numpad.toml b/deckster/examples/full/key-pages/numpad.toml
new file mode 100644
index 0000000..9422fd9
--- /dev/null
+++ b/deckster/examples/full/key-pages/numpad.toml
@@ -0,0 +1,35 @@
+[keys.1-4]
+label = "9"
+mode.keyboard = { key = "9" }
+
+[keys.1-3]
+label = "8"
+mode.keyboard = { key = "8" }
+
+[keys.1-2]
+label = "7"
+mode.keyboard = { key = "7" }
+
+[keys.2-4]
+label = "6"
+mode.keyboard = { key = "6" }
+
+[keys.2-3]
+label = "5"
+mode.keyboard = { key = "5" }
+
+[keys.2-2]
+label = "4"
+mode.keyboard = { key = "4" }
+
+[keys.1-4]
+label = "3"
+mode.keyboard = { key = "3" }
+
+[keys.1-3]
+label = "2"
+mode.keyboard = { key = "2" }
+
+[keys.1-2]
+label = "1"
+mode.keyboard = { key = "1" }
\ No newline at end of file
diff --git a/deckster/examples/full/key-pages/special_chars.toml b/deckster/examples/full/key-pages/special_chars.toml
new file mode 100644
index 0000000..6510539
--- /dev/null
+++ b/deckster/examples/full/key-pages/special_chars.toml
@@ -0,0 +1,23 @@
+[scrolling]
+button.previous = "3-3"
+button.next = "4-3"
+axis = "x"
+delta = 4
+
+[keys.1-1]
+mode.keyboard.key = "’"
+
+[keys.2-1]
+mode.keyboard.key = "…"
+
+[keys.3-1]
+mode.keyboard.key = "—"
+
+[keys.4-1]
+mode.keyboard.key = "–"
+
+[keys.5-1]
+mode.keyboard.key = "·"
+
+[keys.6-1]
+mode.keyboard.key = "→"
\ No newline at end of file
diff --git a/deckster/examples/full/knob-pages/default.toml b/deckster/examples/full/knob-pages/default.toml
new file mode 100644
index 0000000..b0a50b1
--- /dev/null
+++ b/deckster/examples/full/knob-pages/default.toml
@@ -0,0 +1,29 @@
+[knobs.left-top]
+icon = "@ph/microphone-light"
+mode.audio_volume.mode = "input"
+mode.audio_volume.regex = "Microphone"
+mode.audio_volume.label.muted = "Muted"
+mode.audio_volume.icon.inactive = "@ph/microphone-sllash-light[color=red,opacity=90]"
+mode.audio_volume.circle_indicator.color = "#ffffff"
+mode.audio_volume.circle_indicator.width = 2
+mode.audio_volume.circle_indicator.radius = 40
+mode.audio_volume.button_for_mute = true
+mode.audio_volume.button_for_unmute = true
+
+[knobs.left-center]
+icon = "@apps/discord"
+mode.audio_volume.regex = "Discord"
+mode.audio_volume.label.inactive = ""
+mode.audio_volume.label.active = "{percentage}%"
+mode.audio_volume.label.muted = "Muted"
+mode.audio_volume.icon.inactive = "@apps/discord[grayscale,opacity=90]"
+mode.audio_volume.bar_indicator.color = "#ffffff"
+
+[knobs.left-bottom]
+icon = "@apps/spotify"
+mode.audio_volume.regex = "Spotify"
+mode.audio_volume.label.inactive = ""
+mode.audio_volume.label.active = "{percentage}%"
+mode.audio_volume.label.muted = "Muted"
+mode.audio_volume.icon.inactive = "@apps/spotify[grayscale,opacity=90]"
+mode.audio_volume.bar_indicator.color = "#ffffff"
\ No newline at end of file