vue-use-spring

Natural animations with springs

38,859 93

vue animation spring natural physics use-spring

Maintainer: posva

💫 Make natural animations with springs!

yarn add vue-use-spring
# or
npm install vue-use-spring

import { useSpring } from 'vue-use-spring'

const position = useSpring({ x: 0, y: 0 })

// change position like you would usually
position.x = 100

<p :style="{ transform: `translateX(${position.x}px)` }">I move!</p>

Related Packages

@sweberdev/lagrangian-vue

Vue 3 composables for Lagrangian: physical springs, draggable elements with iner...

0 0

animation physics spring vue collision drag gesture gravity inertia

ui-transition-test

1,137

animation spring vue component transition ui-transition vue3

@productdevbook/motion

The motion library for Vue 3

897

animation spring vue dom motion nuxt timeline tween

@rafaelaugusto/jolt

Native animations for NativeScript: presets, springs, keyframes and stagger in o...

791 4

animation spring vue android animations ios keyframes motion nativescript

@sweberdev/sigmoid-vue

Vue 3 directives and composables for Sigmoid: v-reveal, v-parallax, useScrollPro...

190 0

animation spring vue parallax reduced-motion reveal scroll scroll-driven-animations vue3