diff --git a/projects/coreui/angular/src/lib/breadcrumb/app-breadcrumb.component.ts b/projects/coreui/angular/src/lib/breadcrumb/app-breadcrumb.component.ts
index 0cab482e..bc6884f4 100644
--- a/projects/coreui/angular/src/lib/breadcrumb/app-breadcrumb.component.ts
+++ b/projects/coreui/angular/src/lib/breadcrumb/app-breadcrumb.component.ts
@@ -5,7 +5,7 @@ import {AppBreadcrumbService} from './app-breadcrumb.service';
 import {Replace} from '../shared';
 
 @Component({
-  selector: 'app-breadcrumb',
+  selector: 'app-breadcrumb, cui-breadcrumb',
   template: `
     <ng-template ngFor let-breadcrumb [ngForOf]="breadcrumbs | async" let-last = last>
       <li class="breadcrumb-item"
diff --git a/projects/coreui/angular/src/lib/sidebar/app-sidebar-footer.component.ts b/projects/coreui/angular/src/lib/sidebar/app-sidebar-footer.component.ts
index f56ad50a..29b4621d 100644
--- a/projects/coreui/angular/src/lib/sidebar/app-sidebar-footer.component.ts
+++ b/projects/coreui/angular/src/lib/sidebar/app-sidebar-footer.component.ts
@@ -1,7 +1,7 @@
 import {Component, ElementRef, OnInit, Renderer2} from '@angular/core';
 
 @Component({
-  selector: 'app-sidebar-footer',
+  selector: 'app-sidebar-footer, cui-sidebar-footer',
   template: `<ng-content></ng-content>`
 })
 export class AppSidebarFooterComponent implements OnInit {
diff --git a/projects/coreui/angular/src/lib/sidebar/app-sidebar-form.component.ts b/projects/coreui/angular/src/lib/sidebar/app-sidebar-form.component.ts
index db501fb2..43aba270 100644
--- a/projects/coreui/angular/src/lib/sidebar/app-sidebar-form.component.ts
+++ b/projects/coreui/angular/src/lib/sidebar/app-sidebar-form.component.ts
@@ -1,7 +1,7 @@
 import {Component, ElementRef, OnInit, Renderer2} from '@angular/core';
 
 @Component({
-  selector: 'app-sidebar-form',
+  selector: 'app-sidebar-form, , cui-sidebar-form',
   template: `<ng-content></ng-content>`
 })
 export class AppSidebarFormComponent implements OnInit {
diff --git a/projects/coreui/angular/src/lib/sidebar/app-sidebar-header.component.ts b/projects/coreui/angular/src/lib/sidebar/app-sidebar-header.component.ts
index dca2280e..c85a0af8 100644
--- a/projects/coreui/angular/src/lib/sidebar/app-sidebar-header.component.ts
+++ b/projects/coreui/angular/src/lib/sidebar/app-sidebar-header.component.ts
@@ -1,7 +1,7 @@
 import {Component, ElementRef, OnInit, Renderer2} from '@angular/core';
 
 @Component({
-  selector: 'app-sidebar-header',
+  selector: 'app-sidebar-header, cui-sidebar-header',
   template: `<ng-content></ng-content>`
 })
 export class AppSidebarHeaderComponent implements OnInit {
diff --git a/projects/coreui/angular/src/lib/sidebar/app-sidebar-minimizer.component.ts b/projects/coreui/angular/src/lib/sidebar/app-sidebar-minimizer.component.ts
index 77cfef79..751d950a 100644
--- a/projects/coreui/angular/src/lib/sidebar/app-sidebar-minimizer.component.ts
+++ b/projects/coreui/angular/src/lib/sidebar/app-sidebar-minimizer.component.ts
@@ -2,7 +2,7 @@ import {Component, ElementRef, HostBinding, HostListener, Inject, OnInit, Render
 import {DOCUMENT} from '@angular/common';
 
 @Component({
-  selector: 'app-sidebar-minimizer',
+  selector: 'app-sidebar-minimizer, cui-sidebar-minimizer',
   template: ``,
 })
 export class AppSidebarMinimizerComponent implements OnInit {
diff --git a/projects/coreui/angular/src/lib/sidebar/app-sidebar-nav.component.ts b/projects/coreui/angular/src/lib/sidebar/app-sidebar-nav.component.ts
index 4dcfbd7d..eddb928f 100644
--- a/projects/coreui/angular/src/lib/sidebar/app-sidebar-nav.component.ts
+++ b/projects/coreui/angular/src/lib/sidebar/app-sidebar-nav.component.ts
@@ -4,7 +4,7 @@ import { Router } from '@angular/router';
 import { INavData } from './app-sidebar-nav';
 
 @Component({
-  selector: 'app-sidebar-nav',
+  selector: 'app-sidebar-nav, cui-sidebar-nav',
   templateUrl: './app-sidebar-nav.component.html'
 })
 export class AppSidebarNavComponent implements OnChanges {
diff --git a/projects/coreui/angular/src/lib/sidebar/app-sidebar-nav/app-sidebar-nav-divider.component.ts b/projects/coreui/angular/src/lib/sidebar/app-sidebar-nav/app-sidebar-nav-divider.component.ts
index 256802e0..d51cf327 100644
--- a/projects/coreui/angular/src/lib/sidebar/app-sidebar-nav/app-sidebar-nav-divider.component.ts
+++ b/projects/coreui/angular/src/lib/sidebar/app-sidebar-nav/app-sidebar-nav-divider.component.ts
@@ -1,7 +1,7 @@
 import {Component, Input, OnInit} from '@angular/core';
 
 @Component({
-  selector: 'app-sidebar-nav-divider',
+  selector: 'app-sidebar-nav-divider, cui-sidebar-nav-divider',
   template: ``
 })
 export class AppSidebarNavDividerComponent implements OnInit {
diff --git a/projects/coreui/angular/src/lib/sidebar/app-sidebar-nav/app-sidebar-nav-dropdown.component.ts b/projects/coreui/angular/src/lib/sidebar/app-sidebar-nav/app-sidebar-nav-dropdown.component.ts
index 03d12671..1d1749e4 100644
--- a/projects/coreui/angular/src/lib/sidebar/app-sidebar-nav/app-sidebar-nav-dropdown.component.ts
+++ b/projects/coreui/angular/src/lib/sidebar/app-sidebar-nav/app-sidebar-nav-dropdown.component.ts
@@ -3,7 +3,7 @@ import {Component, Input} from '@angular/core';
 import {SidebarNavHelper} from '../app-sidebar-nav.service';
 
 @Component({
-  selector: 'app-sidebar-nav-dropdown',
+  selector: 'app-sidebar-nav-dropdown, cui-sidebar-nav-dropdown',
   template: `
     <a class="nav-link nav-dropdown-toggle"
        appNavDropdownToggle
diff --git a/projects/coreui/angular/src/lib/sidebar/app-sidebar-nav/app-sidebar-nav-items.component.ts b/projects/coreui/angular/src/lib/sidebar/app-sidebar-nav/app-sidebar-nav-items.component.ts
index 32d818a7..ad597230 100644
--- a/projects/coreui/angular/src/lib/sidebar/app-sidebar-nav/app-sidebar-nav-items.component.ts
+++ b/projects/coreui/angular/src/lib/sidebar/app-sidebar-nav/app-sidebar-nav-items.component.ts
@@ -4,7 +4,7 @@ import {Router} from '@angular/router';
 import {SidebarNavHelper} from '../app-sidebar-nav.service';
 
 @Component({
-  selector: 'app-sidebar-nav-items',
+  selector: 'app-sidebar-nav-items, cui-sidebar-nav-items',
   template: `
     <ng-container *ngFor="let item of items">
       <ng-container [ngSwitch]="helper.itemType(item)">
diff --git a/projects/coreui/angular/src/lib/sidebar/app-sidebar-nav/app-sidebar-nav-label.component.ts b/projects/coreui/angular/src/lib/sidebar/app-sidebar-nav/app-sidebar-nav-label.component.ts
index 1e92be37..4dc272d4 100644
--- a/projects/coreui/angular/src/lib/sidebar/app-sidebar-nav/app-sidebar-nav-label.component.ts
+++ b/projects/coreui/angular/src/lib/sidebar/app-sidebar-nav/app-sidebar-nav-label.component.ts
@@ -2,7 +2,7 @@ import {Component, Input, OnInit} from '@angular/core';
 import {SidebarNavHelper} from '../app-sidebar-nav.service';
 
 @Component({
-  selector: 'app-sidebar-nav-label',
+  selector: 'app-sidebar-nav-label, cui-sidebar-nav-label',
   templateUrl: './app-sidebar-nav-label.component.html'
 })
 export class AppSidebarNavLabelComponent implements OnInit {
diff --git a/projects/coreui/angular/src/lib/sidebar/app-sidebar-nav/app-sidebar-nav-link.component.ts b/projects/coreui/angular/src/lib/sidebar/app-sidebar-nav/app-sidebar-nav-link.component.ts
index d6b9a593..44eb08ef 100644
--- a/projects/coreui/angular/src/lib/sidebar/app-sidebar-nav/app-sidebar-nav-link.component.ts
+++ b/projects/coreui/angular/src/lib/sidebar/app-sidebar-nav/app-sidebar-nav-link.component.ts
@@ -3,7 +3,7 @@ import {DOCUMENT} from '@angular/common';
 import {SidebarNavHelper} from '../app-sidebar-nav.service';
 
 @Component({
-  selector: 'app-sidebar-nav-link',
+  selector: 'app-sidebar-nav-link, cui-sidebar-nav-link',
   templateUrl: './app-sidebar-nav-link.component.html',
   providers: [ SidebarNavHelper ]
 })
diff --git a/projects/coreui/angular/src/lib/sidebar/app-sidebar-nav/app-sidebar-nav-title.component.ts b/projects/coreui/angular/src/lib/sidebar/app-sidebar-nav/app-sidebar-nav-title.component.ts
index 2aca79bc..0cd7c4b3 100644
--- a/projects/coreui/angular/src/lib/sidebar/app-sidebar-nav/app-sidebar-nav-title.component.ts
+++ b/projects/coreui/angular/src/lib/sidebar/app-sidebar-nav/app-sidebar-nav-title.component.ts
@@ -1,7 +1,7 @@
 import {Component, ElementRef, Input, OnInit, Renderer2} from '@angular/core';
 
 @Component({
-  selector: 'app-sidebar-nav-title',
+  selector: 'app-sidebar-nav-title, cui-sidebar-nav-title',
   template: '',
 })
 export class AppSidebarNavTitleComponent implements OnInit {
diff --git a/projects/coreui/angular/src/lib/sidebar/app-sidebar.component.ts b/projects/coreui/angular/src/lib/sidebar/app-sidebar.component.ts
index f2bde589..8c0b7b0b 100644
--- a/projects/coreui/angular/src/lib/sidebar/app-sidebar.component.ts
+++ b/projects/coreui/angular/src/lib/sidebar/app-sidebar.component.ts
@@ -4,7 +4,7 @@ import { DOCUMENT } from '@angular/common';
 import { sidebarCssClasses } from '../shared';
 
 @Component({
-  selector: 'app-sidebar',
+  selector: 'app-sidebar, cui-sidebar',
   template: `<ng-content></ng-content>`
 })
 export class AppSidebarComponent implements OnInit, OnDestroy {