diff --git a/src/Umbraco.Web.UI.Client/src/common/directives/components/umbdropdown.directive.js b/src/Umbraco.Web.UI.Client/src/common/directives/components/umbdropdown.directive.js
new file mode 100644
index 0000000000..8447083de3
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/common/directives/components/umbdropdown.directive.js
@@ -0,0 +1,19 @@
+(function() {
+    'use strict';
+
+    function umbDropdown() {
+
+        var directive = {
+            restrict: 'E',
+            replace: true,
+            transclude: true,
+            templateUrl: 'views/components/umb-dropdown.html'
+        };
+
+        return directive;
+
+    }
+
+    angular.module('umbraco.directives').directive('umbDropdown', umbDropdown);
+
+})();
diff --git a/src/Umbraco.Web.UI.Client/src/common/directives/components/umbdropdownitem.directive.js b/src/Umbraco.Web.UI.Client/src/common/directives/components/umbdropdownitem.directive.js
new file mode 100644
index 0000000000..88f033d4e6
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/common/directives/components/umbdropdownitem.directive.js
@@ -0,0 +1,19 @@
+(function() {
+    'use strict';
+
+    function umbDropdownItem() {
+
+        var directive = {
+            restrict: 'E',
+            replace: true,
+            transclude: true,
+            templateUrl: 'views/components/umb-dropdown-item.html',
+        };
+
+        return directive;
+
+    }
+
+    angular.module('umbraco.directives').directive('umbDropdownItem', umbDropdownItem);
+
+})();
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/umb-dropdown-item.html b/src/Umbraco.Web.UI.Client/src/views/components/umb-dropdown-item.html
new file mode 100644
index 0000000000..11fe294919
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/views/components/umb-dropdown-item.html
@@ -0,0 +1 @@
+<li ng-transclude></li>
\ No newline at end of file
diff --git a/src/Umbraco.Web.UI.Client/src/views/components/umb-dropdown.html b/src/Umbraco.Web.UI.Client/src/views/components/umb-dropdown.html
new file mode 100644
index 0000000000..3410665f4a
--- /dev/null
+++ b/src/Umbraco.Web.UI.Client/src/views/components/umb-dropdown.html
@@ -0,0 +1 @@
+<ul class="dropdown-menu db" ng-transclude></ul>
\ No newline at end of file