vueuse/motion

Health v2 · maintenance only

Adoption not part of the score

2764 stars · 94 forks observed · 2026-10-02

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

@vueuse/motion is a Vue animation library providing composables and a v-motion directive for declarative component animations, built on Popmotion and inspired by Framer Motion. It ships 20+ animation presets, SSR support, first-class Nuxt 3 integration, and a lightweight <25kb TypeScript bundle.

Use cases

• animate vue components on mount
• fade or slide elements into view on scroll
• spring physics animations in vue
• framer motion alternative for vue
• add entrance animations to nuxt 3 app
• declarative animation presets for vue directives
• animate svg and html elements in vue

When to choose

• you use Vue 3 or Nuxt 3 and want declarative, Framer Motion-style animations
• you want plug-and-play presets like fade, slide, pop, and roll with minimal code
• you need SSR-compatible, lightweight animation via composables and directives

When to avoid

• you work in React (use Framer Motion or motion.dev instead)
• you need Web Animations API-based animation (motion.dev is recommended by the author)
• you need complex timeline or keyframe orchestration beyond simple transitions and variants

Facets

library · maturity active

animation frontend-framework ui-components frontend web-development web-design browser vue composables framer-motion-inspired popmotion spring-animations nuxt typescript ssr-ready directives nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="vueuse/motion")