t-ho / Ngx Ui Loader
Licence: mit
Multiple Loaders / spinners and Progress bar for Angular 5, 6, 7 and 8+
Stars: ✭ 368
Programming Languages
typescript
32286 projects
Projects that are alternatives of or similar to Ngx Ui Loader
Vue Wait
Complex Loader and Progress Management for Vue/Vuex and Nuxt Applications
Stars: ✭ 1,869 (+407.88%)
Mutual labels: loader, loading, progress-bar, spinner
React Nprogress
⌛️ A React primitive for building slim progress bars.
Stars: ✭ 173 (-52.99%)
Mutual labels: loading, progress-bar, spinner
Ng Http Loader
🍡 Smart angular HTTP interceptor - Intercepts automagically HTTP requests and shows a spinkit spinner / loader / progress bar
Stars: ✭ 327 (-11.14%)
Mutual labels: loader, progress-bar, spinner
Css Spinner
small, elegant pure css spinner for ajax or loading animation
Stars: ✭ 1,013 (+175.27%)
Mutual labels: loader, loading, spinner
Android Spinkit
Android loading animations
Stars: ✭ 8,096 (+2100%)
Mutual labels: loading, progress-bar, spinner
busy-load
A flexible loading-mask jQuery-plugin
Stars: ✭ 76 (-79.35%)
Mutual labels: loader, spinner, loading
Vue Loading Overlay
Vue.js component for full screen loading indicator 🌀
Stars: ✭ 784 (+113.04%)
Mutual labels: loader, loading, spinner
React Native Loading Spinner Overlay
💈 React Native loading spinner overlay
Stars: ✭ 1,369 (+272.01%)
Mutual labels: loading, progress-bar, spinner
Vue Element Loading
⏳ Loading inside a container or full screen for Vue.js
Stars: ✭ 234 (-36.41%)
Mutual labels: loader, loading, spinner
Ng Block Ui
Block UI Loader/Spinner for Angular
Stars: ✭ 135 (-63.32%)
Mutual labels: loader, loading, spinner
Whirl
CSS loading animations with minimal effort!
Stars: ✭ 774 (+110.33%)
Mutual labels: loader, loading, spinner
spinners-angular
Lightweight SVG/CSS spinners for Angular
Stars: ✭ 21 (-94.29%)
Mutual labels: loader, spinner, loading
Spinners React
Lightweight SVG/CSS spinners for React
Stars: ✭ 254 (-30.98%)
Mutual labels: loader, loading, spinner
Rsup Progress
❤️ A simple progress bar with promises support
Stars: ✭ 290 (-21.2%)
Mutual labels: loader, loading, progress-bar
awesome-web-styling
Awesome Web Styling with CSS Animation Effects ⭐️
Stars: ✭ 109 (-70.38%)
Mutual labels: spinner, loading
rprogress
React ajax loader progress bar with clear API
Stars: ✭ 12 (-96.74%)
Mutual labels: progress-bar, loader
react-bootstrap-button-loader
React ButtonLoader with Bootstrap flavor
Stars: ✭ 25 (-93.21%)
Mutual labels: loader, spinner
KVSpinnerView
KVSpinnerView is highly customizable progress HUD
Stars: ✭ 37 (-89.95%)
Mutual labels: loader, spinner
redux-global-loader
A Redux middleware for global loader
Stars: ✭ 13 (-96.47%)
Mutual labels: loader, loading
ngx-ui-loader
An all-in-one and fully customizable loader/spinner for Angular applications. It supports foreground, background spinner/loader, indicative progress bar and multiple loaders.
Features
- Support custom template (>= [email protected]).
- Support multiple loaders (>= [email protected]).
- Show foreground loader with progress bar
- The page content can be blurred/frosted while showing foreground loader. See NgxUiLoaderBlurred directive for more details
- Automatically show loader for router events. See NgxUiLoaderRouterModule for more details
- Automatically show loader for http requests. See NgxUiLoaderHttpModule for more details
See full documentation here
Demo
Live demo here.
Installation
Install ngx-ui-loader via NPM, using the command below.
$ npm install --save ngx-ui-loader
# Or Yarn
$ yarn add ngx-ui-loader
| Angular | Installation | Documentation |
|---|---|---|
| Angular 10 | npm i --save ngx-ui-loader |
v10.x.x |
| Angular 9 | npm i --save [email protected] |
v9.x.x |
| Angular 8 | npm i --save [email protected] |
v8.x.x |
| Angular 6 & 7 | npm i --save [email protected] |
v7.2.x |
| Angular 4 & 5 | npm i --save [email protected] |
v1.x.x |
If you like ngx-ui-loader, please give it a ⭐️
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].