Facebook shimmer loading effect for Angular 8+ apps. It's a fancy way to tell your users that there's something loading.

ngx-shimmer-loading is simple and easy to use. It also comes with the two directions

See Demo page.

• Features
• Getting started
• API
• Custom Styles
• Contributing

• Easy and simple to use.
• Easy to setup.
• No Dependencies.
• Fancy Animations.

npm i --save ngx-shimmer-loading

import { NgxShimmerLoadingModule } from  'ngx-shimmer-loading';
@NgModule({
  ...
  imports: [ NgxShimmerLoadingModule ],
  ...
})
export class AppModule {}

<ngx-shimmer-loading></ngx-shimmer-loading>

You can customize it with different inputs - check API for more details.

Example:

<ngx-shimmer-loading [shape]="'square'" [width]="'70px'"></ngx-shimmer-loading>

If you are not happy with default styles you can easily override them with your styles like that:

.shimmer-loading .ngx-shimmer {
	// Your styles go here...
}

Note that: shimmer effect animation here depends on css linear-gradient property so, if you want to change its color you can edit it or you can unset it and change its background-color value if you don't want the shimmer effect animation.

Contributions are welcome. You can start by looking at issues with label Help wanted or creating new Issue with proposal or bug report.