diff --git a/npm/ng-packs/packages/theme-shared/src/lib/components/index.ts b/npm/ng-packs/packages/theme-shared/src/lib/components/index.ts
index 3adc055b8c..8eded1d615 100644
--- a/npm/ng-packs/packages/theme-shared/src/lib/components/index.ts
+++ b/npm/ng-packs/packages/theme-shared/src/lib/components/index.ts
@@ -14,4 +14,5 @@ export * from './password/password.component';
 export * from './card/index';
 export * from './checkbox/checkbox.component';
 export * from './form-input/form-input.component';
-export * from './internet-connection-status/internet-connection-status.component'
+export * from './internet-connection-status/internet-connection-status.component';
+export * from './spinner/spinner.component';
diff --git a/npm/ng-packs/packages/theme-shared/src/lib/components/spinner/spinner.component.ts b/npm/ng-packs/packages/theme-shared/src/lib/components/spinner/spinner.component.ts
new file mode 100644
index 0000000000..1f4df7f251
--- /dev/null
+++ b/npm/ng-packs/packages/theme-shared/src/lib/components/spinner/spinner.component.ts
@@ -0,0 +1,16 @@
+import { Component } from '@angular/core';
+
+@Component({
+  exportAs: 'spinner',
+  selector: 'abp-spinner',
+  standalone: true,
+  imports: [],
+  template: `
+    <div class="d-flex justify-content-center align-items-center m-4">
+      <div class="spinner-border" role="status" id="loading">
+        <span class="visually-hidden">Loading...</span>
+      </div>
+    </div>
+  `,
+})
+export class SpinnerComponent {}