finds.dev← search

// the find

posva/vue-motion

★ 384 · JavaScript · MIT · updated Oct 2023

Easy and natural state transitions

A Vue 2 port of react-motion, bringing spring-physics-based animations to Vue components. You define a target value and the library animates toward it using configurable spring stiffness and damping rather than duration-based easing. Useful if you want animations that feel physically grounded without writing your own spring solver.

The core stepper implementation is clean and self-contained — no external animation dependencies, just math. Spring presets (noWobble, gentle, wobbly, stiff) give you sensible starting points without needing to understand the physics. The render-prop/scoped-slot API composes well with existing Vue components. Test coverage exists and uses a real animation loop rather than just mocking values.

Hard-locked to Vue 2, which reached end-of-life in December 2023 — the same month as the last commit. No Vue 3 port exists in this repo. The physics API gives you springs and nothing else: no sequencing, no keyframes, no orchestration. At 384 stars and effectively dead, you're adopting abandoned code. For Vue 3 you'd be better served by @vueuse/motion or AutoAnimate.

View on GitHub → Homepage ↗

// want more like this?

We dig through GitHub every week and send a few repos picked for what you actually care about — each with an honest take like this one.

Get finds in your inbox → Search again →