Nuxt3 Animejs

Anime.js module for Nuxt3.

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

1. Install nuxt3-animejs dependency to your project

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

2. 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>

License

Anime.js

MIT License

Copyright (c) Julian Garnier

Nuxt3 Animejs Module

MIT License

Copyright (c) carllyssj