CrypticVisage Loader Library

Overview

The CrypticVisage Library provides a convenient way to add skeleton loading to your Angular applications. Skeleton loading is a technique that displays a placeholder UI while content is loading, enhancing the user experience by providing a visual indication of progress.

Dark and Light Themes

The library also supports dark and light themes out of the box, allowing you to seamlessly integrate skeleton loading into your application's design.

Usage

Installation

To get started, you can install the library via npm:

npm i cryptic-visage-loader

import { CrypticVisageLoaderModule } from 'cryptic-visage-loader';

@NgModule({
  declarations: [
    // ...
  ],
  imports: [
    CrypticVisageLoaderModule,
    // ...
  ],
})
export class YourModule { }

let theme:'dark' | 'light';

<div [isLoading]="true" [theme]="theme">Your content</div>

In your global.scss

@import "node_modules/cryptic-visage-loader/styles/styles.scss";

This section explains how to install and integrate the library into an Angular project, including code snippets for installation and integration.

Benefits

Here are some of the benefits of using this library:

• Easy to use: Simply import the library into your module file and use it in your HTML templates.
• Customizable: Change the appearance of the skeleton loading between light theme or dark theme.
• Improved user experience: Skeleton loading provides a visual indication that content is loading, which can improve the user experience.

Conclusion

The Angular Skeleton Loading Library is a great way to add skeleton loading to your Angular applications. It is easy to use and customizable, and it can help to improve the user experience.

Additional Information

This library is still under development, but it is already stable and ready for use in production applications. If you have any feedback or suggestions, please feel free to open an issue on GitHub :- https://github.com/Jay98patel

License

This library is licensed under the MIT License.