dotLottie-player-core

Only fetching and parse functions.

🕹 Live Playground

Features

• 🏎 High performance (using fflate)
• ⚙️ Fetch API based
• 📦 CJS and ESM support
• 💪 fylly typed with TypeScript
• 🏋️‍♀️ Lightweight with ~13kb size

Install

pnpm add @reslear/dotlottie-player-core

Usage

fetchLottie

fetch method for get animation and parse to lottie json.

import { fetchLottie } from '@reslear/dotlottie-player-core'

const lottieJson = await fetchLottie('/my-animation.lottie')

// {"v":"5.6.8","fr":24,"ip":0,"op":144,"w":2161,"h"...}

Arguments:

1. url - path to .lottie, .json animation file

also support base64 data URI

fetchLottie('data:application/json;base64,<base64>')

2. fetchOptions - Fetch API options

fetchLottie(url, {
  mode: 'no-cors',
})

Inspired

• dotlottie-player

License

MIT by @reslear