JSPM

  • Created
  • Published
  • Downloads 231194
  • Score
    100M100P100Q189879F
  • License MIT

Lottie and DotLottie player for the web

Package Exports

  • @lottiefiles/dotlottie-web
  • @lottiefiles/dotlottie-web/dist/index.cjs
  • @lottiefiles/dotlottie-web/dist/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@lottiefiles/dotlottie-web) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

@lottiefiles/dotlottie-web

npm npm bundle size npm jsDelivr hits (npm scoped) NPM

dotLottie Logo

Table of Contents

Introduction

@lottiefiles/dotlottie-web is a JavaScript library for rendering Lottie and dotLottie animations in Node.js and web environments. It provides a simple and intuitive API for loading, playing, and controlling animations, as well as advanced features like interactivity and theming.

What is dotLottie?

dotLottie is an open-source file format that bundles one or more Lottie animations along with their assets into a single, compressed .lottie file. It uses ZIP compression for efficient storage and distribution. The format also supports advanced features like interactivity and theming, making it a powerful tool for creating dynamic and interactive animations.

Learn more about dotLottie.

Documentation

To get started with @lottiefiles/dotlottie-web, follow the documentation here.

Supported Platforms

@lottiefiles/dotlottie-web is an isomorphic library designed to work in both browser and Node.js environments. It supports Node.js version 18 and higher, as well as all major web browsers.

Live Examples

Explore these CodePen examples to see @lottiefiles/dotlottie-web in action:

Contributing

We welcome contributions! Please see our contributing guidelines for more details on how to get started with the project locally.

Issues

Encountered a problem or have a feature request? Log an issue in our issues tab. You can also browse through older issues and discussions to find solutions to common problems.