nanime
Minor releases can break until 1.0

Anime.js composables for Nuxt

Call AnimeJS from setup() with no onMounted, no cleanup and no imports. Animations wait for the element to mount and revert when the component unmounts.
Get startedSee examples

What you get

    Made for Nuxt
    Composables and components are auto-imported, and AnimeJS is pre-bundled by Vite
    Nine composables
    Animate, WAAPI, animatable, split and scramble text, draggable, timeline, scroll and layout
    Transition and layout components New
    Animate v-if, v-for and layout changes, including list moves, with no CSS to write
    Transition styles New
    Seven built-in styles, plus your own with keyframes, filters and springs
    SSR safe
    Nothing runs on the server, and every animation reverts when its component unmounts
    Reactive parameters
    Pass a getter and the animation rebuilds whenever a ref inside it changes
    The real instance
    Each composable returns the AnimeJS instance, so the AnimeJS docs apply line for line
    Built for AI agents New
    Install the agent skill or connect the MCP server, and coding agents write nanime code instead of raw AnimeJS
    Small
    The runtime depends on AnimeJS and defu, nothing else

See it in action

Dashboards that rearrange, feeds that grow, panels that open and close. When the data changes, each element animates to its new place.
Dashboard
Copyright © 2026