Lottie VueJS

Render Lottie for VueJS

Installation

Use the package manager NodeJS to install lottie-vue.

yarn add @tamnt-work/lottie-vue

Usage

Use global

import Vue from "vue";
import LottieVue from "@tamnt-work/lottie-vue";

Vue.use(LottieVue);

OR

Use local

import LottieVue from "@tamnt-work/lottie-vue";

export default {
  components: {
    LottieVue,
  },
};

Use on vue

<lottie-vue path="/path/to/lottie.json" />

Props

path

Path to file json lottie

renderer

Config tag for render

• svg
• canvas
• html

loop

Allow loop animation

• Boolean

autoplay

Allow auto play animation

• Boolean

Contributing

[email protected]

License

MIT