A fully customizable loader, spinner, and progress bar library for Angular applications.
ngx-ui-loader is an Angular library that provides customizable loaders, spinners, and progress bars for managing loading states in applications. It solves the problem of inconsistent or missing user feedback during asynchronous operations like HTTP requests or route transitions by offering a unified, feature-rich solution.
Angular developers building web applications who need to implement professional loading indicators and improve user experience during data fetching or navigation.
Developers choose ngx-ui-loader for its comprehensive feature set, including support for multiple simultaneous loaders, progress bars, and automatic integration with Angular Router and HTTP client, all while being highly customizable to fit any design.
Multiple Loaders / spinners and Progress bar for Angular 5, 6, 7 and 8+
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
Supports several independent loaders simultaneously, as shown in the demo GIF with multi-loaders, enabling precise control over different loading states on a page.
Includes a foreground loader with an indicative progress bar, useful for tasks like file uploads or long-running operations, enhancing user feedback beyond simple spinners.
Allows custom loader templates from version 9.1.0 onwards, enabling branding alignment without CSS overrides, as highlighted in the features section.
Seamlessly integrates with Angular Router and HTTP client via NgxUiLoaderRouterModule and NgxUiLoaderHttpModule, reducing boilerplate code for common async operations.
Requires matching specific library versions to Angular releases, as detailed in the installation table, complicating upgrades and increasing maintenance overhead.
Full documentation is hosted externally on tdev.app, which may be less accessible, slower to update, or prone to link rot compared to integrated GitHub docs.
Adds to the application bundle size (noted in the bundlephobia badge), which could impact performance-critical projects or those aiming for minimal footprints.
Requires separate module imports and configuration for HTTP/router integration, increasing initial setup effort compared to drop-in solutions or built-in Angular tools.