diff --git a/packages/themes/types/imagecompare/index.d.ts b/packages/themes/types/imagecompare/index.d.ts
new file mode 100644
index 000000000..3fa7d9d22
--- /dev/null
+++ b/packages/themes/types/imagecompare/index.d.ts
@@ -0,0 +1,101 @@
+/**
+ *
+ * ImageCompare Design Tokens
+ *
+ * [Live Demo](https://www.primevue.org/imagecompare/)
+ *
+ * @module themes/imagecompare
+ *
+ */
+
+import { ColorSchemeDesignToken } from '..';
+
+export interface ImageCompareDesignTokens extends ColorSchemeDesignToken<ImageCompareDesignTokens> {
+    /**
+     * Used to pass tokens of the handle section
+     */
+    handle?: {
+        /**
+         * Size of handle
+         *
+         * @designToken imagecompare.handle.size
+         */
+        size?: string;
+        /**
+         * Background of handle
+         *
+         * @designToken imagecompare.handle.background
+         */
+        background?: string;
+        /**
+         * Border of handle
+         */
+        border?: {
+            /**
+             * Border width of handle
+             *
+             * @designToken imagecompare.handle.border.width
+             */
+            width?: string;
+            /**
+             * Border style of handle
+             *
+             * @designToken imagecompare.handle.border.style
+             */
+            style?: string;
+            /**
+             * Border color of handle
+             *
+             * @designToken imagecompare.handle.border.color
+             */
+            color?: string;
+            /**
+             * Border radius of handle
+             *
+             * @designToken imagecompare.handle.border.radius
+             */
+            radius?: string;
+        };
+        /**
+         * Transition duration of handle
+         *
+         * @designToken imagecompare.handle.transition.duration
+         */
+        transitionDuration?: string;
+        /**
+         * Focus ring of handle
+         */
+        focusRing?: {
+            /**
+             * Focus ring width of handle
+             *
+             * @designToken imagecompare.handle.focus.ring.width
+             */
+            width?: string;
+            /**
+             * Focus ring style of handle
+             *
+             * @designToken imagecompare.handle.focus.ring.style
+             */
+            style?: string;
+            /**
+             * Focus ring color of handle
+             *
+             * @designToken imagecompare.handle.focus.ring.color
+             */
+            color?: string;
+            /**
+             * Focus ring offset of handle
+             *
+             * @designToken imagecompare.handle.focus.ring.offset
+             */
+            offset?: string;
+            /**
+             * Focus ring shadow of handle
+             *
+             * @designToken imagecompare.handle.focus.ring.shadow
+             */
+            shadow?: string;
+        };
+    };
+}