angular-lottie v0.0.1

Lottie Animation Using Directive for Angular

This library was generated with Angular CLI version 10.0.14.

Install

npm i angular-lottie

Usage

1. Install Angular Lottie into your project

   npm i angular-lottie

2. Import AngularLottieModule inside your AppModule (src/app/app.module.ts)

3. Store Your Lottie Json Data in to a variable

   const lottieJsonData = { v: '5.5.7', meta: { ... } }

Examples

Apply Lottie Animation by adding directive:

<section [angularLottie]="lottieJsonData"></section>

or

<section
    [angularLottie]="lottieJsonData"
    [loop]="true / false / number"
></section>

Demo

Demo url https://primathontech.github.io/angular-lottie/

See also

Other Web APIs for Angular by @primathontech