10 Best Angular Loading Spinner Libraries

Curated by the Openbase team and community.Learn more

Curated by the Openbase team and community. Learn more

ns

ngx-spinner

A library for loading spinner for Angular 4 - 12.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.3/ 5
8
Top Feedback
5Easy to Use
4Great Documentation
3Performant
GitHub Stars
645
Weekly Downloads
68K
Last Commit
2mos ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
nlx

ngx-loading-x

Multiple Loaders / spinners in angular

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
1
Top Feedback
1Great Documentation
1Easy to Use
1Performant
GitHub Stars
8
Weekly Downloads
112
Last Commit
1yr ago
Bundle Size (min+gzip)
3.85KB
Tree-Shakeable
nls

ng4-loading-spinner

Angular 4 custom async loading spinner.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.0/ 5
1
Top Feedback
N/A
GitHub Stars
72
Weekly Downloads
3K
Last Commit
3yrs ago
Bundle Size (min+gzip)
1.64KB
Tree-Shakeable
nls

ngx-loading-spinner

Async Loading spinner for Aangular 4/5

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
5.0/ 5
1
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
15
Last Commit
4yrs ago
Bundle Size (min+gzip)
1.79KB
Tree-Shakeable
nul

ngx-ui-loader

Multiple Loaders / spinners and Progress bar for Angular 5, 6, 7 and 8+

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
1Easy to Use
GitHub Stars
393
Weekly Downloads
55K
Last Commit
6mos ago
Bundle Size (min+gzip)
8.70KB
Tree-Shakeable
apb

angular2-promise-buttons

Chilled loading buttons for angular2

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
87
Weekly Downloads
1K
Last Commit
2mos ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
nb

ng-busy

angular opensource modules

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
18
Weekly Downloads
3K
Last Commit
4mos ago
Bundle Size (min+gzip)
2.91KB
Tree-Shakeable
not

notiflix

Notiflix is a JavaScript library for client-side non-blocking notifications, popup boxes, loading indicators, and more that makes your web projects much better.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
259
Weekly Downloads
1K
Last Commit
23d ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
ab

angular-busy2

Show busy/loading indicators on any element during a promise/Observable.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
19
Weekly Downloads
391
Last Commit
1mo ago
Bundle Size (min+gzip)
2.85KB
Tree-Shakeable
nl

ngx-loading

A loading spinner for Angular applications.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
248
Weekly Downloads
16K
Last Commit
2yrs ago
Bundle Size (min+gzip)
3.82KB
Tree-Shakeable
nbu

ng-block-ui

Block UI Loader/Spinner for Angular

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
136
Weekly Downloads
15K
Last Commit
1yr ago
Bundle Size (min+gzip)
4.01KB
Tree-Shakeable
nms

ngx-material-spinner

Lightweight progress spinner module for Angular, built using Angular Material. 💫

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
2
Weekly Downloads
11
Last Commit
5d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@ngxsmart/spinner

Multiple Spinners created with Bootstrap 5.x and Angular Material

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
3
Last Commit
3mos ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
nbl

ngx-block-loading

A spinner for Angular that will appear when HTTP requests are running.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
0
Last Commit
2mos ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
il

@service-work/is-loading

A simple and flexible loading indicator service for Angular apps.

License Icon
License: Unlicense
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
899
Last Commit
N/A
Bundle Size (min+gzip)
2.49KB
Tree-Shakeable
ns

@dipaktelangre/ng-spinner

Angular spinner component

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
8
Last Commit
7mos ago
Bundle Size (min+gzip)
1.32KB
Tree-Shakeable
alo

angular-loading-overlay

Service and directive to manipulate overlays on async operations.

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
81
Weekly Downloads
618
Last Commit
5yrs ago
Bundle Size (min+gzip)
1.29KB
Not Tree-Shakeable
ab

@cgross/angular-busy

Show busy/loading indicators on any element during $http requests (or any promise).

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
1K
Weekly Downloads
488
Last Commit
5yrs ago
Bundle Size (min+gzip)
1.48KB
Not Tree-Shakeable
aes

angular-epic-spinners

Reusable angular components for epic-spinners

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
148
Weekly Downloads
484
Last Commit
3yrs ago
Bundle Size (min+gzip)
8.39KB
Tree-Shakeable
nli

ngx-loading-indicator

MatSpinner, MatProgressBar and an abstract loading indicator service, that uses CDK Overlay to inject a component into the DOM.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
2
Last Commit
5mos ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

angular-state-loader

Loading Spinner for UI Router (AngularJS) that is shown while loading a state's promises resolve. Can be restricted to specific state transitions. Including the optional parameters force-show and delay + the possibility to show a custom loader.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
13
Weekly Downloads
429
Last Commit
4yrs ago
Bundle Size (min+gzip)
0.74KB
Not Tree-Shakeable
loa

@ngneat/loadoff

<p align="center"> <img width="20%" height="20%" src="./logo.svg"> </p>

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
401
Last Commit
N/A
Bundle Size (min+gzip)
N/A
Tree-Shakeable
as

angular-spinners

A library for easily managing loading spinners in complex Angular2+ applications.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
141
Weekly Downloads
388
Last Commit
4yrs ago
Bundle Size (min+gzip)
40.5KB
Tree-Shakeable
la

ladda-angular

Ladda button directive for angularjs

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
127
Weekly Downloads
348
Last Commit
6yrs ago
Bundle Size (min+gzip)
0.34KB
Not Tree-Shakeable

spinners-angular

Lightweight SVG/CSS spinners for Angular

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
16
Weekly Downloads
328
Last Commit
18d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
alo

angular-loading-overlay-spinjs

Spin.js integration with angular-loading-overlay

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
247
Last Commit
5yrs ago
Bundle Size (min+gzip)
5.13KB
Not Tree-Shakeable
nls

ng2-loading-spinner

⏳ Angular Loading Spinner

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
4
Weekly Downloads
203
Last Commit
1yr ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
spi

@uiowa/spinner

Angular components for spinners

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
3
Weekly Downloads
17
Last Commit
5mos ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
nbs

ngx-bootstrap-spinner

A library for bootstrap loading spinner for Angular 4/5/6/7/8/9/10.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
153
Last Commit
1yr ago
Bundle Size (min+gzip)
1.90KB
Tree-Shakeable
ns

@hardpool/ngx-spinner

Customizable loading spinner for Angular (version ng 5 and above)

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
5
Weekly Downloads
114
Last Commit
1yr ago
Bundle Size (min+gzip)
3.90KB
Tree-Shakeable
nls

@k-adam/ngx-loading-spinner

Angular 8+ loading spinner

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
1
Weekly Downloads
105
Last Commit
1yr ago
Bundle Size (min+gzip)
1.89KB
Tree-Shakeable
ats

angular-theme-spinner

angular-theme-spinner is used for SPA as loading indicator while data in specific area is loading

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
7
Weekly Downloads
104
Last Commit
6yrs ago
Bundle Size (min+gzip)
0.73KB
Not Tree-Shakeable
nls

ngx-loading-spinners

Angular 7 custom async loading spinner.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
5
Weekly Downloads
63
Last Commit
3yrs ago
Bundle Size (min+gzip)
1.95KB
Tree-Shakeable
nbs

ng-bootstrap-spinner

🍺 Hi there, Bootstrap Spinners for Angular lovers &lt;3, Thanks...

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
1
Weekly Downloads
60
Last Commit
2yrs ago
Bundle Size (min+gzip)
0.51KB
Tree-Shakeable
ns

ng-spinners

Amazing collection of Angular spinners components with pure css.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
28
Weekly Downloads
56
Last Commit
1yr ago
Bundle Size (min+gzip)
3.66KB
Tree-Shakeable
ns

ngx-spinners

A collection of loading spinner components for angular

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
3
Weekly Downloads
55
Last Commit
2yrs ago
Bundle Size (min+gzip)
5.17KB
Tree-Shakeable
als

angular-loading-spinner

Angular directive for ajax loading indicator. It detects any ajax request and shows the spinner. This directive makes use of https://github.com/urish/angular-spinner.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
78
Weekly Downloads
27
Last Commit
6yrs ago
Bundle Size (min+gzip)
0.30KB
Not Tree-Shakeable
as

@chevtek/angular-spinners

A library for easily managing loading spinners in complex Angular2+ applications.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
141
Weekly Downloads
15
Last Commit
4yrs ago
Bundle Size (min+gzip)
40.5KB
Tree-Shakeable
al

angularjs-loading

Angular directive that lets you to prevent user interaction with part of the page and display loading/busy indicator (spinner based on spin.js)

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
14
Last Commit
2yrs ago
Bundle Size (min+gzip)
64.8KB
Not Tree-Shakeable
vb

v-button

AngularJS pressable button with a busy indicator.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
119
Weekly Downloads
13
Last Commit
5yrs ago
Bundle Size (min+gzip)
0.92KB
Not Tree-Shakeable
nli

ng2-loading-indicator

Angular 2/4 loading indicator

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
12
Weekly Downloads
9
Last Commit
3yrs ago
Bundle Size (min+gzip)
1.52KB
Not Tree-Shakeable
nsk

ng2-spin-kit

SpinKit (http://tobiasahlin.com/spinkit/) spinners for AngularJS 2.x

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
8
Last Commit
N/A
Bundle Size (min+gzip)
29.7KB
Not Tree-Shakeable
ns

ng-spinner

light weight overlay loading spinner for angular 2+ apps

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
8
Last Commit
2yrs ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable

@accubits/spinner

Library for page loading in Angular 5+

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
2
Weekly Downloads
7
Last Commit
2yrs ago
Bundle Size (min+gzip)
2.52KB
Tree-Shakeable
nl

@tusharghoshbd/ngx-loader

Angular loader component using html and css

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
5
Last Commit
2yrs ago
Bundle Size (min+gzip)
1.02KB
Tree-Shakeable
sa

spinner-angular

A customizable yet simple library for loading spinners working for Angular 2, Angular 4 and Angular 5. Here's one out of many ways how you could make it look like:

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
4
Last Commit
N/A
Bundle Size (min+gzip)
1.37KB
Tree-Shakeable
ncl

ngx-content-loader

A collection of Angular components to use as placeholders when loading content

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
2
Last Commit
4yrs ago
Bundle Size (min+gzip)
0.41KB
Tree-Shakeable
nb

ng2-busy

Loading spinner for angular2+

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
1
Weekly Downloads
2
Last Commit
4yrs ago
Bundle Size (min+gzip)
2.15KB
Tree-Shakeable
nlm

ngx-loading-mask

Angular 5+ simple loading-mask ui component.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
22
Weekly Downloads
2
Last Commit
3yrs ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
nli

@browninglogic/ng-loading-indicator

Customizable CSS-based loading indicator for Angular 8

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
2
Last Commit
2yrs ago
Bundle Size (min+gzip)
1.27KB
Tree-Shakeable