Skip to content

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up

[ ! ] Vue needs a better motion library (re: Framer Motion) #8458

arpowers started this conversation in Ideas
Discussion options

Writing this here because there is a substantial need for a comparable library in Vue to match the appeal of Framer Motion for React.

I realize this library is a significant undertaking for someone, but its also the clearest advantage that React has over Vue.

Is anyone working on this? I've seen this but that seems like just a wrapper for the standard <transition> vue already has...

You must be logged in to vote

Replies: 5 comments 3 replies

Comment options

There is this library "Motion One" from the same creator as Framer Motion, you can use it with Vue:
https://motion.dev/vue/quick-start

You must be logged in to vote
1 reply
Comment options

Thanks for adding that, looks interesting. Doesn't seem to do the same type of animations as Framer Motion, will keep an eye on it...

Comment options

I've seen this but that seems like just a wrapper for the standard vue already has...

I suspect you only looked at the first page of "Features" which demos the simple presets that it ships with? You might want to look again.

Compare i.e. https://www.framer.com/motion/use-spring/ to https://motion.vueuse.org/api/use-spring

It offers pretty much the same, or at least a very similar API and featureset that Frame motion does (though likely not every feature). It even says "Declarative API inspired by Framer Motion" on the front page.

You must be logged in to vote
1 reply
Comment options

Also check out VueUse base library. You might miss some things like framer's useScroll, but you can find counterparts of those in other parts of the VueUse library, i.e.:

https://vueuse.org/core/useScroll/#usescroll

Comment options

State of Animation Libraries in 2024 for Vue 3:

Utils:

  • @morev/vue-transitions - Reusable interface transitions for Vue 2 and Vue 3 with no CSS needed.

  • AutoAnimate - Zero-config, drop-in animation utility that adds smooth transitions to your web app.

Posts

You must be logged in to vote
1 reply
Comment options

It's a sad state indeed, at this point I would recommend going with GSAP, if you need more advanced animations than vueuse/motion

Comment options

State of Animation Libraries in pre-2025 for Vue 3:

You must be logged in to vote
0 replies
Comment options

Motion for Vue now available: https://motion.dev/blog/introducing-motion-for-vue

it has Nuxt support too!

You must be logged in to vote
0 replies
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

AltStyle によって変換されたページ (->オリジナル) /