diff --git a/app/extensions/oauth/components/oauth-providers-selector/oauth-providers-selector.html b/app/extensions/oauth/components/oauth-providers-selector/oauth-providers-selector.html
new file mode 100644
index 000000000..ca2da3d44
--- /dev/null
+++ b/app/extensions/oauth/components/oauth-providers-selector/oauth-providers-selector.html
@@ -0,0 +1,17 @@
+<div class="col-sm-12 form-section-title">
+    Provider
+  </div>
+
+
+<div class="form-group">
+  <div class="col-sm-12">
+    <select
+      class="form-control"
+      id="oauth-provider-selector"
+      ng-model="$ctrl.selectedProvider"
+      ng-options="provider as provider for provider in $ctrl.providers"
+    >
+    <option value="">Custom</option>
+  </select>
+  </div>
+</div>
diff --git a/app/extensions/oauth/components/oauth-providers-selector/oauth-providers-selector.js b/app/extensions/oauth/components/oauth-providers-selector/oauth-providers-selector.js
new file mode 100644
index 000000000..9efd413b1
--- /dev/null
+++ b/app/extensions/oauth/components/oauth-providers-selector/oauth-providers-selector.js
@@ -0,0 +1,4 @@
+angular.module('portainer.extensions.oauth')
+  .component('oauthProvidersSelector', {
+    templateUrl: 'app/extensions/oauth/components/oauth-providers-selector/oauth-providers-selector.html'
+  });
\ No newline at end of file