https://github.com/wgr-sa/nuxt-lottie

https://github.com/wgr-sa/nuxt-lottie

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/wgr-sa/nuxt-lottie
• Owner: WGR-SA
• License: mit
• Created: 2023-02-14T13:58:24.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-11-17T02:26:25.000Z (about 2 months ago)
• Last Synced: 2024-11-17T03:22:08.605Z (about 2 months ago)
• Language: TypeScript
• Size: 243 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 10
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Nuxt-Lottie

Nuxt-Lottie is a module for Nuxt.js that provides an easy way to use Lottie animations in your web applications. It includes a LottiePlayer component that wraps the Lottie web library to make it easy to display and control Lottie animations.

## Installation

To install the Nuxt-Lottie module, run the following command in your project directory:

```

npm i @wgr-sa/nuxt-lottie

```

Once installed, add the module to your Nuxt.js configuration file (nuxt.config.js):

```

module.exports = {

  modules: [

    'nuxt-lottie',

  ],

}

```

## Usage

To use the LottiePlayer component, import it in your Vue components and pass the path to your Lottie animation file:

```

  


    

  


```

The player is exposed in the component and can be accessed via the 'animation' key.

### Documentation

For more information about the Nuxt-Lottie module and the LottiePlayer component, please refer to the official documentation.