✨Magical✨ animations made easy: Nuxt meets Anime.js

NuxtAnime is an easy plug & play module with zero configuration to create beautiful animations in Nuxt based on Anime.js v4.

  • Zero Configuration: No setup required to get started.
  • Flexible Usage: Choose your style – use as Composables, Directives, or Components.
  • Core Features: Currently supports animate and timeline. More functions and helpers are planned!
  • Type-Safe: Full TypeScript support for current Anime.js v4 parameters.
  • Easy & Customizable: Simple to integrate and fully adaptable to your needs.
  • Full Control: Provides complete access to the JSAnimation object and methods returned by Anime.js for fine-grained control.
Get startedOpen on GitHub →
Bash
$npx install nuxt-anime$add the module into the nuxt.config.ts$npm run dev
Click to copy

What's included

💪

Fully Customizable Animation Power

You have the choice. Leverage the JSAnimation object to craft stunning animations. Trigger them seamlessly with vue or build intricate animation timelines.

🏃

Directives for Effortless Animation

Need basic animations quickly? No problem! Instead of composables, easily integrate them with a directive and a trigger. Done!

👨‍🎨

Unleashing Animation Potential

For better organization and cleaner code, we have created some components for you.

❤️

Thanks! Anime.js Community.

Thank you, Anime.js Community! The incredible work and dedication are truly appreciated.