diff --git a/src/uxbox/ui/dashboard.cljs b/src/uxbox/ui/dashboard.cljs
index 194930c45..eec1e0953 100644
--- a/src/uxbox/ui/dashboard.cljs
+++ b/src/uxbox/ui/dashboard.cljs
@@ -5,7 +5,7 @@
             [uxbox.rstore :as rs]
             [uxbox.ui.icons :as i]
             [uxbox.ui.mixins :as mx]
-            [uxbox.ui.dom :as dom]
+            [uxbox.util.dom :as dom]
             [uxbox.data.dashboard :as dd]
             [uxbox.ui.library-bar :as ui.library-bar]
             [uxbox.ui.dashboard.header :refer (header)]
diff --git a/src/uxbox/ui/dashboard/colors.cljs b/src/uxbox/ui/dashboard/colors.cljs
index 4160a97fa..4ee6904de 100644
--- a/src/uxbox/ui/dashboard/colors.cljs
+++ b/src/uxbox/ui/dashboard/colors.cljs
@@ -15,7 +15,7 @@
             [uxbox.ui.form :as form]
             [uxbox.ui.lightbox :as lightbox]
             [uxbox.ui.colorpicker :refer (colorpicker)]
-            [uxbox.ui.dom :as dom]
+            [uxbox.util.dom :as dom]
             [uxbox.ui.mixins :as mx]))
 
 ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
diff --git a/src/uxbox/ui/dashboard/elements.cljs b/src/uxbox/ui/dashboard/elements.cljs
index 9634e91d9..c195556c5 100644
--- a/src/uxbox/ui/dashboard/elements.cljs
+++ b/src/uxbox/ui/dashboard/elements.cljs
@@ -4,7 +4,7 @@
             ;; [uxbox.ui.library-bar :as ui.library-bar]
             [uxbox.ui.icons :as i]
             [uxbox.ui.lightbox :as lightbox]
-            [uxbox.ui.dom :as dom]
+            [uxbox.util.dom :as dom]
             [uxbox.ui.mixins :as mx]))
 
 ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
diff --git a/src/uxbox/ui/dashboard/icons.cljs b/src/uxbox/ui/dashboard/icons.cljs
index 1273c9bf9..116a73045 100644
--- a/src/uxbox/ui/dashboard/icons.cljs
+++ b/src/uxbox/ui/dashboard/icons.cljs
@@ -13,7 +13,7 @@
             [uxbox.ui.icons :as i]
             [uxbox.ui.form :as form]
             [uxbox.ui.lightbox :as lightbox]
-            [uxbox.ui.dom :as dom]
+            [uxbox.util.dom :as dom]
             [uxbox.ui.mixins :as mx]))
 
 ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
diff --git a/src/uxbox/ui/dashboard/projects.cljs b/src/uxbox/ui/dashboard/projects.cljs
index 8e0ca6d9d..7d02a31f6 100644
--- a/src/uxbox/ui/dashboard/projects.cljs
+++ b/src/uxbox/ui/dashboard/projects.cljs
@@ -10,7 +10,7 @@
             [uxbox.data.projects :as dp]
             [uxbox.data.workspace :as dw]
             [uxbox.ui.icons :as i]
-            [uxbox.ui.dom :as dom]
+            [uxbox.util.dom :as dom]
             [uxbox.ui.dashboard.header :as dsh.header]
             [uxbox.ui.lightbox :as lightbox]
             [uxbox.ui.mixins :as mx]))
diff --git a/src/uxbox/ui/dom.cljs b/src/uxbox/ui/dom.cljs
deleted file mode 100644
index ad1e87518..000000000
--- a/src/uxbox/ui/dom.cljs
+++ /dev/null
@@ -1,22 +0,0 @@
-(ns uxbox.ui.dom
-  (:require [goog.dom :as dom]))
-
-(defn get-element-by-class
-  [^string classname]
-  (dom/getElementByClass classname))
-
-(defn stop-propagation
-  [e]
-  (.stopPropagation e))
-
-(defn prevent-default
-  [e]
-  (.preventDefault e))
-
-(defn event->inner-text
-  [e]
-  (.-innerText (.-target e)))
-
-(defn event->value
-  [e]
-  (.-value (.-target e)))
diff --git a/src/uxbox/ui/navigation.cljs b/src/uxbox/ui/navigation.cljs
index 02a7a5c9c..7eda22d44 100644
--- a/src/uxbox/ui/navigation.cljs
+++ b/src/uxbox/ui/navigation.cljs
@@ -1,7 +1,7 @@
 (ns uxbox.ui.navigation
   (:require [sablono.core :as html :refer-macros [html]]
             [goog.events :as events]
-            [uxbox.ui.dom :as dom]))
+            [uxbox.util.dom :as dom]))
 
 (defn link
   "Given an href and a component, return a link component that will navigate
diff --git a/src/uxbox/ui/workspace/canvas.cljs b/src/uxbox/ui/workspace/canvas.cljs
index a05bb141a..173d0bc7c 100644
--- a/src/uxbox/ui/workspace/canvas.cljs
+++ b/src/uxbox/ui/workspace/canvas.cljs
@@ -14,7 +14,7 @@
             [uxbox.data.projects :as dp]
             [uxbox.data.workspace :as dw]
             [uxbox.ui.mixins :as mx]
-            [uxbox.ui.dom :as dom]
+            [uxbox.util.dom :as dom]
             [uxbox.ui.keyboard :as kbd]
             [uxbox.ui.workspace.base :as wb]
             [uxbox.ui.workspace.canvas.movement]
diff --git a/src/uxbox/ui/workspace/canvas/draw.cljs b/src/uxbox/ui/workspace/canvas/draw.cljs
index c883af76b..017157697 100644
--- a/src/uxbox/ui/workspace/canvas/draw.cljs
+++ b/src/uxbox/ui/workspace/canvas/draw.cljs
@@ -10,7 +10,7 @@
             [uxbox.data.workspace :as dw]
             [uxbox.ui.workspace.base :as wb]
             [uxbox.ui.mixins :as mx]
-            [uxbox.ui.dom :as dom]))
+            [uxbox.util.dom :as dom]))
 
 (defonce +drawing-shape+ (atom nil))
 (defonce +drawing-position+ (atom nil))
diff --git a/src/uxbox/ui/workspace/canvas/ruler.cljs b/src/uxbox/ui/workspace/canvas/ruler.cljs
index d9d1db0d2..14c1bd11b 100644
--- a/src/uxbox/ui/workspace/canvas/ruler.cljs
+++ b/src/uxbox/ui/workspace/canvas/ruler.cljs
@@ -11,7 +11,7 @@
             [uxbox.util.math :as mth]
             [uxbox.ui.workspace.base :as wb]
             [uxbox.ui.mixins :as mx]
-            [uxbox.ui.dom :as dom]))
+            [uxbox.util.dom :as dom]))
 
 ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
 ;; Component
diff --git a/src/uxbox/ui/workspace/canvas/selection.cljs b/src/uxbox/ui/workspace/canvas/selection.cljs
index 9abd453f2..7ee8c1d7b 100644
--- a/src/uxbox/ui/workspace/canvas/selection.cljs
+++ b/src/uxbox/ui/workspace/canvas/selection.cljs
@@ -8,7 +8,7 @@
             [uxbox.shapes :as sh]
             [uxbox.ui.workspace.base :as wb]
             [uxbox.ui.mixins :as mx]
-            [uxbox.ui.dom :as dom]))
+            [uxbox.util.dom :as dom]))
 
 (def ^:private selection-circle-style
   {:fillOpacity "0.5"
diff --git a/src/uxbox/ui/workspace/canvas/selrect.cljs b/src/uxbox/ui/workspace/canvas/selrect.cljs
index f96c7dcfa..25515bff8 100644
--- a/src/uxbox/ui/workspace/canvas/selrect.cljs
+++ b/src/uxbox/ui/workspace/canvas/selrect.cljs
@@ -11,7 +11,7 @@
             [uxbox.data.workspace :as dw]
             [uxbox.ui.workspace.base :as wb]
             [uxbox.ui.mixins :as mx]
-            [uxbox.ui.dom :as dom]))
+            [uxbox.util.dom :as dom]))
 
 (defonce selrect-pos (atom nil))
 
diff --git a/src/uxbox/ui/workspace/colorpalette.cljs b/src/uxbox/ui/workspace/colorpalette.cljs
index 7891bac54..ff92db508 100644
--- a/src/uxbox/ui/workspace/colorpalette.cljs
+++ b/src/uxbox/ui/workspace/colorpalette.cljs
@@ -12,7 +12,7 @@
             [uxbox.util.color :refer (hex->rgb)]
             [uxbox.ui.workspace.base :as wb]
             [uxbox.ui.icons :as i]
-            [uxbox.ui.dom :as dom]
+            [uxbox.util.dom :as dom]
             [uxbox.ui.mixins :as mx]))
 
 ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
diff --git a/src/uxbox/ui/workspace/options.cljs b/src/uxbox/ui/workspace/options.cljs
index 9dbe5824c..ff6c998d0 100644
--- a/src/uxbox/ui/workspace/options.cljs
+++ b/src/uxbox/ui/workspace/options.cljs
@@ -7,7 +7,7 @@
             [uxbox.data.workspace :as dw]
             [uxbox.ui.icons :as i]
             [uxbox.ui.mixins :as mx]
-            [uxbox.ui.dom :as dom]
+            [uxbox.util.dom :as dom]
             [uxbox.ui.colorpicker :refer (colorpicker)]
             [uxbox.ui.workspace.recent-colors :refer (recent-colors)]
             [uxbox.ui.workspace.base :as wb]
diff --git a/src/uxbox/ui/workspace/pagesmngr.cljs b/src/uxbox/ui/workspace/pagesmngr.cljs
index a37898fb9..d2ad4f829 100644
--- a/src/uxbox/ui/workspace/pagesmngr.cljs
+++ b/src/uxbox/ui/workspace/pagesmngr.cljs
@@ -9,7 +9,7 @@
             [uxbox.ui.keyboard :as k]
             [uxbox.ui.icons :as i]
             [uxbox.ui.mixins :as mx]
-            [uxbox.ui.dom :as dom]))
+            [uxbox.util.dom :as dom]))
 
 (defn- page-item-render
   [own parent page numpages]
diff --git a/src/uxbox/ui/workspace/recent_colors.cljs b/src/uxbox/ui/workspace/recent_colors.cljs
index 1e6781006..909b6a925 100644
--- a/src/uxbox/ui/workspace/recent_colors.cljs
+++ b/src/uxbox/ui/workspace/recent_colors.cljs
@@ -8,7 +8,7 @@
             [uxbox.data.workspace :as dw]
             [uxbox.ui.icons :as i]
             [uxbox.ui.mixins :as mx]
-            [uxbox.ui.dom :as dom]
+            [uxbox.util.dom :as dom]
             [uxbox.ui.workspace.base :as wb]))
 
 ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
diff --git a/src/uxbox/ui/workspace/rules.cljs b/src/uxbox/ui/workspace/rules.cljs
index 4b1e92da4..f0d8974eb 100644
--- a/src/uxbox/ui/workspace/rules.cljs
+++ b/src/uxbox/ui/workspace/rules.cljs
@@ -4,7 +4,7 @@
             [cuerdas.core :as str]
             [beicon.core :as rx]
             [uxbox.state :as s]
-            [uxbox.ui.dom :as dom]
+            [uxbox.util.dom :as dom]
             [uxbox.ui.workspace.base :as wb]
             [uxbox.ui.mixins :as mx]))
 
diff --git a/src/uxbox/ui/workspace/toolboxes/drawtools.cljs b/src/uxbox/ui/workspace/toolboxes/drawtools.cljs
index 7e474e7a2..f1d8a5ebe 100644
--- a/src/uxbox/ui/workspace/toolboxes/drawtools.cljs
+++ b/src/uxbox/ui/workspace/toolboxes/drawtools.cljs
@@ -13,7 +13,7 @@
             [uxbox.ui.workspace.base :as wb]
             [uxbox.ui.icons :as i]
             [uxbox.ui.mixins :as mx]
-            [uxbox.ui.dom :as dom]))
+            [uxbox.util.dom :as dom]))
 
 ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
 ;; Lenses
diff --git a/src/uxbox/ui/workspace/toolboxes/icons.cljs b/src/uxbox/ui/workspace/toolboxes/icons.cljs
index 5da8ee3f4..4b196364d 100644
--- a/src/uxbox/ui/workspace/toolboxes/icons.cljs
+++ b/src/uxbox/ui/workspace/toolboxes/icons.cljs
@@ -12,7 +12,7 @@
             [uxbox.ui.workspace.base :as wb]
             [uxbox.ui.icons :as i]
             [uxbox.ui.mixins :as mx]
-            [uxbox.ui.dom :as dom]))
+            [uxbox.util.dom :as dom]))
 
 ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
 ;; Lenses
diff --git a/src/uxbox/ui/workspace/toolboxes/layers.cljs b/src/uxbox/ui/workspace/toolboxes/layers.cljs
index 889041975..192989c0a 100644
--- a/src/uxbox/ui/workspace/toolboxes/layers.cljs
+++ b/src/uxbox/ui/workspace/toolboxes/layers.cljs
@@ -14,7 +14,7 @@
             [uxbox.ui.workspace.base :as wb]
             [uxbox.ui.icons :as i]
             [uxbox.ui.mixins :as mx]
-            [uxbox.ui.dom :as dom])
+            [uxbox.util.dom :as dom])
   (:import goog.events.EventType))
 
 ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
diff --git a/src/uxbox/util/dom.cljs b/src/uxbox/util/dom.cljs
new file mode 100644
index 000000000..46491c2b0
--- /dev/null
+++ b/src/uxbox/util/dom.cljs
@@ -0,0 +1,39 @@
+(ns uxbox.util.dom
+  (:require [goog.dom :as dom]))
+
+(defn get-element-by-class
+  [^string classname]
+  (dom/getElementByClass classname))
+
+(defn stop-propagation
+  [e]
+  (.stopPropagation e))
+
+(defn prevent-default
+  [e]
+  (.preventDefault e))
+
+(defn event->inner-text
+  [e]
+  (.-innerText (.-target e)))
+
+(defn event->value
+  [e]
+  (.-value (.-target e)))
+
+(defn event->target
+  [e]
+  (.-target e))
+
+(defn event->data-transfer
+  [e]
+  (.-dataTransfer e))
+
+;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
+;; Drag & Drop helpers
+;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
+
+;; (defn set-effect-allowed!
+;;   [e effect]
+;;   (let [dt (.-dataTransfer e)]
+;;     (set!