npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

ngx-lottie

v21.2.0

Published

<h1 align="center"> <img src="https://raw.githubusercontent.com/ngx-lottie/ngx-lottie/master/docs/assets/lottie.gif"> </h1>

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

overthesanityoverthesanity

Keywords

animationcanvassvgafter effectspluginangularangular8angular 8angular9angular 9angular10angular 10angular11angular 11angular12angular 12angular13angular 13angular14angular 14angular15angular 15angular 15angular16angular 16angular17angular 17angular18angular 18angular19angular 19angular20angular 20angular21angular 21universalivy

Readme

Packages

This monorepo contains two packages for rendering Lottie animations in Angular:

📦 ngx-lottie

The main package for rendering JSON-based Lottie animations using lottie-web.

npm i lottie-web ngx-lottie

Features:

  • Multiple renderer support (SVG, Canvas, HTML)
  • Advanced caching
  • Server-side rendering support
  • Tree-shakable architecture

Read full documentation →

🚀 ngx-lottie/dotlottie

Secondary package for rendering .lottie files using @lottiefiles/dotlottie-web with WebAssembly and Web Worker support.

npm i @lottiefiles/dotlottie-web ngx-lottie

Features:

  • WebAssembly-powered rendering
  • Web Worker support for better performance
  • State machine support
  • Smaller file sizes with .lottie format

Read full documentation →

Compatibility with Angular Versions

Which Package Should I Use?

| Use ngx-lottie when... | Use ngx-lottie/dotlottie when... | | -------------------------------------- | ---------------------------------- | | You have JSON animation files | You have .lottie files | | You need maximum compatibility | You want smaller file sizes | | You use advanced lottie-web features | You need Web Worker rendering | | You need HTML renderer support | You need state machine support |

License

MIT © Artur Androsovych