{"id":20014605,"url":"https://github.com/t-ho/ngx-ui-loader","last_synced_at":"2025-05-16T08:04:17.874Z","repository":{"id":32439531,"uuid":"133901837","full_name":"t-ho/ngx-ui-loader","owner":"t-ho","description":"Multiple Loaders / spinners and Progress bar for Angular 5, 6, 7 and 8+","archived":false,"fork":false,"pushed_at":"2023-03-07T15:43:02.000Z","size":13621,"stargazers_count":433,"open_issues_count":36,"forks_count":42,"subscribers_count":10,"default_branch":"master","last_synced_at":"2025-05-07T08:02:10.355Z","etag":null,"topics":["angular","loader","loading","multiple-loaders","ngx-loader","ngx-loading","ngx-progress-bar","ngx-ui-loader","ngxloader","ngxuiloader","progress-bar","spin-kit","spinner"],"latest_commit_sha":null,"homepage":"https://tdev.app/ngx-ui-loader/demo","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/t-ho.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-05-18T04:12:10.000Z","updated_at":"2025-04-17T22:48:54.000Z","dependencies_parsed_at":"2024-06-18T12:39:14.974Z","dependency_job_id":"9071c883-b4db-4e7f-8445-02367c85c5d5","html_url":"https://github.com/t-ho/ngx-ui-loader","commit_stats":{"total_commits":128,"total_committers":5,"mean_commits":25.6,"dds":0.5546875,"last_synced_commit":"4202fb51a60890c01a1e1fb695366d38ded53e76"},"previous_names":[],"tags_count":25,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/t-ho%2Fngx-ui-loader","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/t-ho%2Fngx-ui-loader/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/t-ho%2Fngx-ui-loader/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/t-ho%2Fngx-ui-loader/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/t-ho","download_url":"https://codeload.github.com/t-ho/ngx-ui-loader/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254493379,"owners_count":22080126,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","loader","loading","multiple-loaders","ngx-loader","ngx-loading","ngx-progress-bar","ngx-ui-loader","ngxloader","ngxuiloader","progress-bar","spin-kit","spinner"],"created_at":"2024-11-13T07:42:59.164Z","updated_at":"2025-05-16T08:04:12.866Z","avatar_url":"https://github.com/t-ho.png","language":"TypeScript","funding_links":[],"categories":["Third Party Components"],"sub_categories":["Loaders"],"readme":"[![npm](https://img.shields.io/npm/v/ngx-ui-loader)](https://www.npmjs.com/package/ngx-ui-loader)\n[![GitHub stars](https://img.shields.io/github/stars/t-ho/ngx-ui-loader?color=00bcd4)](https://github.com/t-ho/ngx-ui-loader/stargazers)\n[![demo](https://img.shields.io/badge/demo-StackBlitz-blueviolet.svg)](https://stackblitz.com/edit/ngx-ui-loader)\n[![CI Testing](https://github.com/t-ho/ngx-ui-loader/workflows/CI%20Testing/badge.svg)](https://github.com/t-ho/ngx-ui-loader/actions)\n[![codecov](https://codecov.io/gh/t-ho/ngx-ui-loader/branch/master/graph/badge.svg)](https://codecov.io/gh/t-ho/ngx-ui-loader)\n[![npm](https://img.shields.io/npm/dw/ngx-ui-loader.svg)](https://www.npmjs.com/package/ngx-ui-loader)\n[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg)](https://github.com/prettier/prettier)\n[![npm bundle size (minified + gzip)](https://img.shields.io/bundlephobia/minzip/ngx-ui-loader.svg)](https://bundlephobia.com/result?p=ngx-ui-loader)\n[![license](https://img.shields.io/npm/l/ngx-ui-loader.svg)](https://github.com/t-ho/ngx-ui-loader/wiki/License)\n\n# ngx-ui-loader\n\nAn all-in-one and fully customizable loader/spinner for Angular applications. It supports foreground, background spinner/loader, indicative progress bar and multiple loaders.\n\n[![ngx-ui-loader-demo](https://raw.githubusercontent.com/t-ho/ngx-ui-loader/master/src/assets/multi-loaders.gif)](https://tdev.app/ngx-ui-loader/demo)\n\n## Features\n\n- Support [custom template](https://tdev.app/ngx-ui-loader#custom-template) (\u003e= ngx-ui-loader@9.1.0).\n- Support [multiple loaders](https://tdev.app/ngx-ui-loader#multiple-loaders) (\u003e= ngx-ui-loader@7.1.0).\n- Show foreground loader with **progress bar**\n- The page content can be **blurred/frosted** while showing foreground loader. See [NgxUiLoaderBlurred](https://tdev.app/ngx-ui-loader#ngxuiloaderblurred-directive) directive for more details\n- Automatically show loader for router events. See [NgxUiLoaderRouterModule](https://tdev.app/ngx-ui-loader#automatically-show-loader-for-router-events) for more details\n- Automatically show loader for http requests. See [NgxUiLoaderHttpModule](https://tdev.app/ngx-ui-loader#automatically-show-loader-for-http-requests) for more details\n\n### See full documentation [here](https://tdev.app/ngx-ui-loader)\n\n## Demo\n\nLive demo [here](https://tdev.app/ngx-ui-loader/demo).\n\n## Installation\n\nInstall `ngx-ui-loader` via NPM, using the command below.\n\n```shell\n$ npm install --save ngx-ui-loader\n\n# Or Yarn\n\n$ yarn add ngx-ui-loader\n```\n\n| Angular       | Installation                        | Documentation                                                         |\n| ------------- | ----------------------------------- | --------------------------------------------------------------------- |\n| Angular 13    | `npm i --save ngx-ui-loader`        | [v13.x.x](https://tdev.app/ngx-ui-loader)                             |\n| Angular 11    | `npm i --save ngx-ui-loader@11.0.0` | [v11.x.x](https://tdev.app/ngx-ui-loader)                             |\n| Angular 10    | `npm i --save ngx-ui-loader@10.0.0` | [v10.x.x](https://tdev.app/ngx-ui-loader)                             |\n| Angular 9     | `npm i --save ngx-ui-loader@9.1.1`  | [v9.x.x](https://tdev.app/ngx-ui-loader)                              |\n| Angular 8     | `npm i --save ngx-ui-loader@8.0.0`  | [v8.x.x](https://tdev.app/ngx-ui-loader)                              |\n| Angular 6 \u0026 7 | `npm i --save ngx-ui-loader@7.2.2`  | [v7.2.x](https://github.com/t-ho/ngx-ui-loader/blob/v7.x.x/README.md) |\n| Angular 4 \u0026 5 | `npm i --save ngx-ui-loader@1.2.5`  | [v1.x.x](https://github.com/t-ho/ngx-ui-loader/blob/v1.x.x/README.md) |\n\n### If you like `ngx-ui-loader`, please give it a :star:\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ft-ho%2Fngx-ui-loader","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ft-ho%2Fngx-ui-loader","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ft-ho%2Fngx-ui-loader/lists"}