nanime
Build animations in a Nuxt app with nanime, the Nuxt module wrapping Anime.js v4. Use when animating elements, text, SVG or scroll in Nuxt: useAnimate, useWaapiAnimate, useAnimatable, useAnimeTimeline, useDraggable, useSplitText, useScrambleText, useAnimeScroll, useAnimeLayout, <AnimeTransition>, <AnimeTransitionGroup>, <AnimeLayoutGroup>, transition styles, component defaults, provideAnimeDefaults and the #nanime/* aliases. Also use when an effect seems to need raw animejs, GSAP or CSS transition classes. Most mistakes here do not throw; they animate the wrong thing.
Pinned to revision 2e74504f3151, so it is the text this page describes rather than whatever the author pushed since.
Files
- skills/nanime/SKILL.md
- skills/nanime/references/layout.md
- skills/nanime/references/lists.md
- skills/nanime/references/timelines.md
- skills/nanime/references/transitions.md
- skills/nanime/references/verifying.md
Every link opens the file at its source, pinned to the revision this page describes.