# @developer-partners/ngx-loading-spinner

> This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.2.6.

Latest version **1.0.13** (published 2026-08-07) · Apache-2.0 license · 0 weekly downloads

## Install

```sh
npm install @developer-partners/ngx-loading-spinner
pnpm add @developer-partners/ngx-loading-spinner
yarn add @developer-partners/ngx-loading-spinner
bun add @developer-partners/ngx-loading-spinner
```

## Health

**Score 65/100 (B)** — status: active.

Positive: has types; esm support; no vulnerabilities; recently updated; high maintenance score.

Warnings: low downloads.

## Facts

| | |
|---|---|
| Version | 1.0.13 |
| Published | 2026-08-07 |
| First published | 2022-09-12 |
| Weekly downloads | 0 |
| License | Apache-2.0 |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 67.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Maintainers | developer-partners |
| Keywords | angular, ng, ngx, spinner, loading spinner, progress indicator, angular progress indicator, loader, spinners, loaders, progress, loading page, http loader, ajax loader, ajax spinner, http spinner, angular spinner, angular indicator |

## Links

- npm: https://www.npmjs.com/package/@developer-partners/ngx-loading-spinner
- Repository: https://github.com/developer-partners/ngx-loading-spinner
- Homepage: https://developerpartners.com
- Issues: https://github.com/developer-partners/ngx-loading-spinner/issues
- npm.io page: https://npm.io/package/@developer-partners/ngx-loading-spinner

## Dependencies (1)

- [tslib](https://npm.io/package/tslib.md) ^2.0.0

## Alternatives

- [angular-pipes](https://npm.io/package/angular-pipes.md) — 5.6K weekly downloads
- [@ng-web-apis/midi](https://npm.io/package/@ng-web-apis/midi.md) — 2.6K weekly downloads
- [happn-3](https://npm.io/package/happn-3.md) — 1.6K weekly downloads
- [@opensip-cli/lang-go](https://npm.io/package/@opensip-cli/lang-go.md) — 1.2K weekly downloads
- [mongoose-typescript](https://npm.io/package/mongoose-typescript.md) — 85 weekly downloads

## Recent versions

- 1.0.13 (latest) — 2026-08-07
- 1.0.12 — 2026-08-06
- 1.0.11 — 2026-01-11
- 1.0.10 — 2026-01-11
- 1.0.8 — 2022-12-05
- 1.0.7 — 2022-11-08
- 1.0.6 — 2022-11-07
- 1.0.5 — 2022-09-13
- 1.0.4 — 2022-09-13
- 1.0.3 — 2022-09-12
- 1.0.2 — 2022-09-12
- 1.0.1 — 2022-09-12
- 1.0.0 — 2022-09-12

## README

# @developer-partners/ngx-loading-spinner

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 11.2.6.

## Basic Usage

1. Install the library

```
npm install @developer-partners/ngx-loading-spinner
```

2. Import in your module:

```
import { LoadingSpinnerModule } from '@developer-partners/ngx-loading-spinner';

@NgModule({
  imports: [
    LoadingSpinnerModule
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }
```

3. Use it in HTML (isLoading should be a public booolean property in your component)

```
<dp-loading-spinner *ngIf="isLoading" message="Loading, please wait.."></dp-loading-spinner>
```

## Advanced Configuration

The loading spinner component comes with a default spinner. If you need to replace it with your own spinner, you can just replace our default provider

```
import { LoadingSpinnerModule } from '@developer-partners/ngx-loading-spinner';

@NgModule({
  imports: [
    LoadingSpinnerModule
  ],
  providers: [
    {
      provide: LoadingSpinnerConfig,
      useFactory: () => {
        return {
          component: YourCustomSpinnerComponent
        }
      }
    }
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }
```

The YourCustomSpinnerComponent in the example above should contain the custom HTML and CSS for your own loading spinner.

---
## Credits
Developer Partners, Inc.

[https://developerpartners.com](https://developerpartners.com)

## License
[Apache License 2.0](https://github.com/developer-partners/ngx-loading-spinner/blob/main/LICENSE.md)

---
_Source: https://npm.io/package/@developer-partners/ngx-loading-spinner · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._