1 files changed, 57 insertions, 0 deletions
diff --git a/desktop/modules/appearance/TransitionsTab.qml b/desktop/modules/appearance/TransitionsTab.qml
new file mode 100644
index 0000000..190a117
--- /dev/null
+++ b/desktop/modules/appearance/TransitionsTab.qml
@@ -0,0 +1,57 @@
+// Copyright (C) 2026 Danilo M. <danix@danix.xyz>
+//
+// This program is free software; you can redistribute it and/or modify
+// it under the terms of the GNU General Public License version 2 as
+// published by the Free Software Foundation.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+// GNU General Public License for more details.
+
+import QtQuick
+import "../.."
+
+Item {
+    id: tab
+    implicitHeight: col.implicitHeight
+
+    readonly property int gap: 14
+    readonly property int columns: Math.max(1, Math.floor((width + gap) / 260))
+    readonly property real tileWidth: (width - (columns - 1) * gap) / columns
+
+    Column {
+        id: col
+        width: parent.width
+        spacing: 14
+
+        Text {
+            width: col.width
+            wrapMode: Text.Wrap
+            text: "Click a transition to see it between your two current wallpapers. "
+                + "Random draws from the ticked ones, and never the same one twice running."
+            color: Theme.overlay
+            font { family: Theme.fontFamily; pixelSize: Theme.fontSize - 4 }
+        }
+
+        Grid {
+            columns: tab.columns
+            spacing: tab.gap
+
+            Repeater {
+                model: Transitions.all
+                TransitionTile {
+                    required property var modelData
+                    width: tab.tileWidth
+                    name: modelData.name
+                    label: modelData.label
+                }
+            }
+            TransitionTile {
+                width: tab.tileWidth
+                name: "random"
+                label: "Random"
+            }
+        }
+    }
+}