# ngx-skeleton-loader

> Make beautiful, animated loading skeletons that automatically adapt to your Angular apps

Latest version **13.0.0** (published 2026-06-08) · MIT license · 0 weekly downloads

## Install

```sh
npm install ngx-skeleton-loader
pnpm add ngx-skeleton-loader
yarn add ngx-skeleton-loader
bun add ngx-skeleton-loader
```

## Health

**Score 50/100 (C)** — status: active.

Positive: no vulnerabilities; high maintenance score.

Warnings: low downloads; no types; no esm support.

## Facts

| | |
|---|---|
| Version | 13.0.0 |
| Published | 2026-06-08 |
| First published | 2018-12-16 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 622 |
| Maintainers | willmendesneto |
| Keywords | angular, ngx, skeleton, ghost, loader, ngx-skeleton-loader, facebook-loading, loading, skeleton-loader, skeleton-animation, animation |

## Links

- npm: https://www.npmjs.com/package/ngx-skeleton-loader
- Repository: https://github.com/willmendesneto/ngx-skeleton-loader
- Homepage: https://github.com/willmendesneto/ngx-skeleton-loader#readme
- Issues: https://github.com/willmendesneto/ngx-skeleton-loader/issues
- npm.io page: https://npm.io/package/ngx-skeleton-loader

## Alternatives

- [@luma.gl/experimental](https://npm.io/package/@luma.gl/experimental.md) — 77.1K weekly downloads
- [persona-harness](https://npm.io/package/persona-harness.md) — 4.7K weekly downloads
- [@tsparticles/effect-bubble](https://npm.io/package/@tsparticles/effect-bubble.md) — 4.6K weekly downloads
- [f3d](https://npm.io/package/f3d.md) — 730 weekly downloads
- [spark-html-motion](https://npm.io/package/spark-html-motion.md) — 298 weekly downloads

## Recent versions

- 13.0.0 (latest) — 2026-06-08
- 12.0.0 — 2026-01-18
- 11.3.0 — 2025-08-27
- 11.2.1 — 2025-06-27
- 11.2.0 — 2025-06-09
- 11.1.0 — 2025-05-19
- 11.0.0 — 2025-04-09
- 10.0.0 — 2025-01-24
- 9.0.0 — 2024-01-13
- 8.1.0 — 2023-09-12
- 8.0.2 — 2023-09-11
- 8.0.1 — 2023-08-30
- 8.0.0 — 2023-06-20
- 7.0.0 — 2023-02-04
- 6.0.0 — 2022-08-18
- … 32 more at https://npm.io/package/ngx-skeleton-loader/versions

## README

# NgxSkeletonLoader

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

## Code scaffolding

Run `ng generate component component-name --project ngx-skeleton-loader` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project ngx-skeleton-loader`.
> Note: Don't forget to add `--project ngx-skeleton-loader` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build ngx-skeleton-loader` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build ngx-skeleton-loader`, go to the dist folder `cd dist/ngx-skeleton-loader` and run `npm publish`.

## Running unit tests

Run `ng test ngx-skeleton-loader` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).

---
_Source: https://npm.io/package/ngx-skeleton-loader · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._