<","directories":{},"sideEffects":false,"dependencies":{"tslib":"^2.3.0","@scarf/scarf":"^1.1.1"},"_hasShrinkwrap":false,"peerDependencies":{"lottie-web":">=5.9.2","@angular/core":">=21"},"_npmOperationalInternal":{"tmp":"tmp/ngx-lottie_21.0.0_1769020908386_0.9508046342490681","host":"s3://npm-registry-packages-npm-production"}},"21.1.0":{"name":"ngx-lottie","version":"21.1.0","keywords":["animation","canvas","svg","after effects","plugin","angular","angular8","angular 8","angular9","angular 9","angular10","angular 10","angular11","angular 11","angular12","angular 12","angular13","angular 13","angular14","angular 14","angular15","angular 15","angular 15","angular16","angular 16","angular17","angular 17","angular18","angular 18","angular19","angular 19","angular20","angular 20","angular21","angular 21","universal","ivy"],"license":"MIT","_id":"ngx-lottie@21.1.0","maintainers":[{"name":"overthesanity","email":"arthurandrosovich@gmail.com"}],"homepage":"https://github.com/ngx-lottie/ngx-lottie#readme","bugs":{"url":"git+https://github.com/ngx-lottie/ngx-lottie/issues"},"dist":{"shasum":"5c229de9106fc8f28f2b6d94c5d36a57f09e7edb","tarball":"https://registry.npmjs.org/ngx-lottie/-/ngx-lottie-21.1.0.tgz","fileCount":8,"integrity":"sha512-o7EHgw3lWMtF1bvv3GgnqcdSjBhyXH1d8MsBp+18OHxTeu5n8GYkISV2CdpjMVUhr+KGDkuU586n7SD5TOKVeg==","signatures":[{"sig":"MEUCIQCUQwC/E5lhYRPeErMzDMgiI08f9LN4dZtaHxw/3EQCLwIgO3hzxymFnh3eLx3s8j2HS3Jf5dd/QfT74iUMnZexzdU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":97487},"module":"fesm2022/ngx-lottie.mjs","exports":{".":{"types":"./types/ngx-lottie.d.ts","default":"./fesm2022/ngx-lottie.mjs"},"./server":{"types":"./types/ngx-lottie-server.d.ts","default":"./fesm2022/ngx-lottie-server.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"113e148b480ae9860479dcdd9c4da31de09514ec","typings":"types/ngx-lottie.d.ts","_npmUser":{"name":"overthesanity","email":"arthurandrosovich@gmail.com"},"repository":{"url":"git+https://github.com/ngx-lottie/ngx-lottie.git","type":"git"},"_npmVersion":"11.7.0","description":" ![](\"https://raw.githubusercontent.com/ngx-lottie/ngx-lottie/master/docs/assets/lottie.gif\")
","directories":{},"sideEffects":false,"_nodeVersion":"24.1.0","dependencies":{"tslib":"^2.3.0","@scarf/scarf":"^1.1.1"},"_hasShrinkwrap":false,"peerDependencies":{"lottie-web":">=5.9.2","@angular/core":">=21"},"_npmOperationalInternal":{"tmp":"tmp/ngx-lottie_21.1.0_1770384383405_0.16776393480194862","host":"s3://npm-registry-packages-npm-production"}},"21.2.0":{"name":"ngx-lottie","version":"21.2.0","keywords":["animation","canvas","svg","after effects","plugin","angular","angular8","angular 8","angular9","angular 9","angular10","angular 10","angular11","angular 11","angular12","angular 12","angular13","angular 13","angular14","angular 14","angular15","angular 15","angular 15","angular16","angular 16","angular17","angular 17","angular18","angular 18","angular19","angular 19","angular20","angular 20","angular21","angular 21","universal","ivy"],"license":"MIT","_id":"ngx-lottie@21.2.0","maintainers":[{"name":"overthesanity","email":"arthurandrosovich@gmail.com"}],"homepage":"https://github.com/ngx-lottie/ngx-lottie#readme","bugs":{"url":"git+https://github.com/ngx-lottie/ngx-lottie/issues"},"dist":{"shasum":"c8f8a87dd0c5d1611f9473c45fe2a846b4fbe415","tarball":"https://registry.npmjs.org/ngx-lottie/-/ngx-lottie-21.2.0.tgz","fileCount":11,"integrity":"sha512-x0EaM0CXT98/gDVw7cxbvo46mOTg6QeZxUqzTelpszCy6J66zFryy/++x8cg4q8QKTfpTKvlpFDV4rZACpTQOQ==","signatures":[{"sig":"MEUCIQC7OyYhx49HGYp6j1weMfPa+rtVZFmNaN0lDnrwokbVCgIgDZaGdTWfedYgH+dFnBzWjSnDNJ7NPnJ5V1f+g1vH3JI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":161748},"module":"fesm2022/ngx-lottie.mjs","exports":{".":{"types":"./types/ngx-lottie.d.ts","default":"./fesm2022/ngx-lottie.mjs"},"./server":{"types":"./types/ngx-lottie-server.d.ts","default":"./fesm2022/ngx-lottie-server.mjs"},"./package.json":{"default":"./package.json"},"./dotlottie-web":{"types":"./types/ngx-lottie-dotlottie-web.d.ts","default":"./fesm2022/ngx-lottie-dotlottie-web.mjs"}},"gitHead":"952285dcf5609f7ac1d6af79d49dedc477993b93","typings":"types/ngx-lottie.d.ts","_npmUser":{"name":"overthesanity","email":"arthurandrosovich@gmail.com"},"repository":{"url":"git+https://github.com/ngx-lottie/ngx-lottie.git","type":"git"},"_npmVersion":"11.7.0","description":"
","directories":{},"sideEffects":false,"_nodeVersion":"24.1.0","dependencies":{"tslib":"^2.3.0","@scarf/scarf":"^1.1.1"},"_hasShrinkwrap":false,"peerDependencies":{"lottie-web":">=5.9.2","@angular/core":">=21"},"_npmOperationalInternal":{"tmp":"tmp/ngx-lottie_21.2.0_1770661419215_0.37872756589502066","host":"s3://npm-registry-packages-npm-production"}},"22.0.0":{"name":"ngx-lottie","version":"22.0.0","repository":{"type":"git","url":"git+https://github.com/ngx-lottie/ngx-lottie.git"},"license":"MIT","homepage":"https://github.com/ngx-lottie/ngx-lottie#readme","bugs":{"url":"git+https://github.com/ngx-lottie/ngx-lottie/issues"},"keywords":["animation","canvas","svg","after effects","plugin","angular","angular8","angular 8","angular9","angular 9","angular10","angular 10","angular11","angular 11","angular12","angular 12","angular13","angular 13","angular14","angular 14","angular15","angular 15","angular 15","angular16","angular 16","angular17","angular 17","angular18","angular 18","angular19","angular 19","angular20","angular 20","angular21","angular 21","angular22","angular 22","universal","ivy"],"sideEffects":false,"peerDependencies":{"@angular/core":">=22","lottie-web":">=5.9.2"},"dependencies":{"@scarf/scarf":"^1.1.1","tslib":"^2.3.0"},"module":"fesm2022/ngx-lottie.mjs","typings":"types/ngx-lottie.d.ts","exports":{"./package.json":{"default":"./package.json"},".":{"types":"./types/ngx-lottie.d.ts","default":"./fesm2022/ngx-lottie.mjs"},"./dotlottie-web":{"types":"./types/ngx-lottie-dotlottie-web.d.ts","default":"./fesm2022/ngx-lottie-dotlottie-web.mjs"},"./server":{"types":"./types/ngx-lottie-server.d.ts","default":"./fesm2022/ngx-lottie-server.mjs"}},"type":"module","gitHead":"84f05d7a208fb3b07bfd3212048fd8859d570c3b","_id":"ngx-lottie@22.0.0","description":" ![](\"https://raw.githubusercontent.com/ngx-lottie/ngx-lottie/refs/heads/master/docs/assets/logo.png\")
","_nodeVersion":"24.15.0","_npmVersion":"11.12.1","dist":{"integrity":"sha512-nsKk2fJifG2H4AWNYanF/wfJ3FsWzClkxkcD7KnzD6qpIwDrDU+89Tguv8h9i3Q9rn4r4awxvewYTJkrrIsj1g==","shasum":"c3d64e94f9de829e872e439fcccd4eeb32e182fa","tarball":"https://registry.npmjs.org/ngx-lottie/-/ngx-lottie-22.0.0.tgz","fileCount":11,"unpackedSize":162309,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIAgQs17viCeOPHQu88/fPvdTQWG92WsXQX9wkhqVbkE4AiAO+/0iaLvMQBna8GuZUcq561YkY/yRhjrg2TZs/87YTA=="}]},"_npmUser":{"name":"overthesanity","email":"arthurandrosovich@gmail.com"},"directories":{},"maintainers":[{"name":"overthesanity","email":"arthurandrosovich@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ngx-lottie_22.0.0_1782415599680_0.7844294644971646"},"_hasShrinkwrap":false}},"time":{"created":"2019-03-10T11:08:19.681Z","modified":"2026-06-25T19:26:39.950Z","1.0.0":"2019-03-10T11:08:20.088Z","1.0.1":"2019-03-10T11:18:21.804Z","1.0.2":"2019-03-10T11:26:15.876Z","1.1.0":"2019-03-15T13:55:22.375Z","1.2.0":"2019-03-17T14:10:07.368Z","1.3.0":"2019-05-15T13:46:55.807Z","2.0.0":"2019-06-16T16:00:52.683Z","3.0.0":"2019-07-10T17:05:30.315Z","3.1.0":"2019-09-16T19:46:44.019Z","4.0.0":"2019-09-23T20:49:25.486Z","4.1.0":"2019-09-24T18:15:14.193Z","4.1.2":"2019-09-24T19:57:03.365Z","4.1.3":"2019-10-04T12:11:45.781Z","5.0.0":"2019-10-04T18:27:06.613Z","5.1.0":"2019-10-05T19:26:17.001Z","5.1.1":"2019-10-05T19:57:33.009Z","5.2.0":"2019-10-05T21:46:58.462Z","5.3.0":"2019-11-07T14:14:19.576Z","5.3.1":"2019-12-16T17:42:12.183Z","5.3.2":"2019-12-19T09:37:33.783Z","5.4.0":"2020-03-08T20:42:26.500Z","6.0.0-beta.0":"2020-05-01T11:40:30.514Z","6.0.0":"2020-05-01T13:33:35.325Z","6.1.0":"2020-06-14T20:04:44.620Z","6.1.1":"2020-06-20T19:16:51.781Z","6.2.0":"2020-07-04T18:18:31.956Z","6.2.1":"2020-07-04T21:13:34.073Z","6.3.0":"2020-07-26T11:31:20.066Z","6.4.0":"2020-08-23T22:06:51.964Z","7.0.0":"2021-05-27T23:11:28.040Z","7.0.1":"2021-05-28T14:48:56.846Z","7.0.2":"2021-07-05T15:59:10.287Z","7.0.3":"2021-07-06T06:29:32.866Z","7.0.4-beta":"2021-09-24T22:29:31.384Z","7.0.4":"2021-09-25T16:00:08.654Z","8.0.0":"2021-11-22T23:13:58.474Z","8.0.1":"2021-11-23T08:54:49.965Z","8.1.0":"2022-04-09T00:23:54.268Z","8.1.1":"2022-04-09T16:24:31.181Z","7.1.0":"2022-04-20T05:02:25.740Z","8.2.0":"2022-04-21T03:53:57.938Z","8.2.1":"2022-08-08T14:35:24.411Z","8.2.2":"2022-08-23T13:38:10.601Z","8.2.3":"2022-08-28T15:51:52.272Z","8.3.0":"2022-08-28T16:08:34.497Z","9.0.0":"2022-08-28T16:39:03.979Z","9.0.1":"2022-08-31T09:03:35.108Z","9.1.0":"2022-09-26T06:59:41.418Z","10.0.0":"2022-11-20T18:13:44.426Z","11.0.0":"2024-02-04T13:45:46.541Z","11.0.1":"2024-02-04T19:16:42.680Z","11.0.2":"2024-03-17T00:30:38.106Z","12.0.0":"2024-07-11T13:59:09.147Z","13.0.0":"2024-12-25T16:40:58.606Z","13.0.1":"2025-02-24T09:39:57.553Z","20.0.0":"2025-06-13T13:18:05.304Z","21.0.0":"2026-01-21T18:41:48.523Z","21.1.0":"2026-02-06T13:26:23.552Z","21.2.0":"2026-02-09T18:23:39.346Z","22.0.0":"2026-06-25T19:26:39.849Z"},"bugs":{"url":"git+https://github.com/ngx-lottie/ngx-lottie/issues"},"license":"MIT","homepage":"https://github.com/ngx-lottie/ngx-lottie#readme","keywords":["animation","canvas","svg","after effects","plugin","angular","angular8","angular 8","angular9","angular 9","angular10","angular 10","angular11","angular 11","angular12","angular 12","angular13","angular 13","angular14","angular 14","angular15","angular 15","angular 15","angular16","angular 16","angular17","angular 17","angular18","angular 18","angular19","angular 19","angular20","angular 20","angular21","angular 21","angular22","angular 22","universal","ivy"],"repository":{"type":"git","url":"git+https://github.com/ngx-lottie/ngx-lottie.git"},"description":"
","maintainers":[{"name":"overthesanity","email":"arthurandrosovich@gmail.com"}],"readme":"\n \n
\n\n\n Minimal customizable performance-stable Angular components for rendering After Effects animations. Compatible with Angular 9+.\n
\n\n
\n\n\n\n## Support\n\nIf you find this project useful, consider supporting its development:\n\n\n ![\"Support](\"https://opencollective.com/ngx-lottie/donate/button@2x.png?color=blue\")
\n\n\n## Packages\n\nThis monorepo contains two packages for rendering Lottie animations in Angular:\n\n### 📦 [ngx-lottie](https://github.com/ngx-lottie/ngx-lottie/blob/master/docs/ngx-lottie.md)\n\nThe main package for rendering JSON-based Lottie animations using `lottie-web`.\n\n```bash\nnpm i lottie-web ngx-lottie\n```\n\n**Features:**\n\n- Multiple renderer support (SVG, Canvas, HTML)\n- Advanced caching\n- Server-side rendering support\n- Tree-shakable architecture\n\n[**Read full documentation →**](https://github.com/ngx-lottie/ngx-lottie/blob/master/docs/ngx-lottie.md)\n\n---\n\n### 🚀 [ngx-lottie/dotlottie](https://github.com/ngx-lottie/ngx-lottie/blob/master/docs/ngx-lottie-dotlottie.md)\n\nSecondary package for rendering `.lottie` files using `@lottiefiles/dotlottie-web` with WebAssembly and Web Worker support.\n\n```bash\nnpm i @lottiefiles/dotlottie-web ngx-lottie\n```\n\n**Features:**\n\n- WebAssembly-powered rendering\n- Web Worker support for better performance\n- State machine support\n- Smaller file sizes with `.lottie` format\n\n[**Read full documentation →**](https://github.com/ngx-lottie/ngx-lottie/blob/master/docs/ngx-lottie-dotlottie.md)\n\n## Compatibility with Angular Versions\n\n\n \n \n | ngx-lottie | \n Angular | \n
\n \n \n \n | \n 7.x\n | \n \n >= 8 < 13\n | \n
\n \n | \n 8.x\n | \n \n 13\n | \n
\n \n | \n 9.x\n | \n \n 14\n | \n
\n \n | \n 10.x\n | \n \n 15\n | \n
\n \n | \n 11.x\n | \n \n 17\n | \n
\n \n | \n 12.x\n | \n \n 18\n | \n
\n \n | \n 13.x\n | \n \n 19\n | \n
\n \n | \n 20.x\n | \n \n 20\n | \n
\n \n | \n 21.x\n | \n \n 21\n | \n
\n \n | \n 22.x\n | \n \n 22\n | \n
\n \n
\n\n## Which Package Should I Use?\n\n| Use `ngx-lottie` when... | Use `ngx-lottie/dotlottie` when... |\n| -------------------------------------- | ---------------------------------- |\n| You have JSON animation files | You have `.lottie` files |\n| You need maximum compatibility | You want smaller file sizes |\n| You use advanced `lottie-web` features | You need Web Worker rendering |\n| You need HTML renderer support | You need state machine support |\n\n## License\n\nMIT © [Artur Androsovych](https://github.com/arturovt)\n","readmeFilename":"README.md"}
![](\"https://raw.githubusercontent.com/ngx-lottie/ngx-lottie/master/docs/assets/logo.jpg\"){kind=logo}
![](\"https://raw.githubusercontent.com/ngx-lottie/ngx-lottie/master/docs/assets/icon_lottie.png\"){kind=icon}
![\"GitHubActions\"](\"https://github.com/ngx-lottie/ngx-lottie/actions/workflows/ngx-lottie.yml/badge.svg?branch=master\"){kind=icon}
\n ![\"Licence:](\"https://img.shields.io/badge/License-MIT-brightgreen.svg\"){kind=icon}
\n ![\"npm](\"https://badge.fury.io/js/ngx-lottie.svg\"){kind=icon}
\n