Nuxt3-animejs NPM

Features

Helps you integrate Anime.js javascript animation library
Allows you to easily animate elements via custom v-anime directive 🔥
Provides a solution for global use via const { $anime } = useNuxtApp();$anime()(api) 🤩
Zero-config setup ready to go 🚀

Quick Start

Install nuxt3-animejs dependency to your project

npm install --save-dev nuxt3-animejs # or yarn add -D nuxt3-animejs

Enable nuxt-animejs in the module section

// nuxt.config.js
export default defineNuxtConfig({
  modules:["nuxt3-animejs"]
})

That's it! Start developing your app!

Thanks

This project uses Nuxt Animejs for reference. Thank you very much for the author Ivo Dolenc and for giving the project start

The nuxt2 project can go to this place and also Nuxt Animejs hope to give the author start

Thank you very much for open source

Welcome to pr and issue

Basic

<!-- index.vue -->

<template>
  <div class="title">
    Nuxt module Nuxt3-animejs!
  </div>
</template>

<script setup>
import { useNuxtApp } from '#app'
import { onMounted } from 'vue'
const { $anime } = useNuxtApp()
onMounted(() => {
  $anime()({
    targets: '.title',
    left: '240px',
    backgroundColor: '#FFF',
    borderRadius: ['0%', '50%'],
    easing: 'easeInOutQuad'
  })
})
</script>