Skip to content
generated from posva/vue-ts-lib

πŸ’« Naturally fluid animations for Vue

License

Notifications You must be signed in to change notification settings

posva/vue-use-spring

Folders and files

NameName
Last commit message
Last commit date
Dec 2, 2023
Sep 7, 2023
Dec 30, 2023
Mar 31, 2024
Oct 2, 2020
Jun 27, 2023
Jun 28, 2023
Mar 31, 2024
Jun 27, 2023
Jun 28, 2023
Jun 28, 2023
Oct 2, 2020
May 19, 2025
May 19, 2025
Jul 26, 2021
Jul 26, 2021
Mar 31, 2024
Mar 31, 2024

Repository files navigation

vue-use-spring NPM version ci status

πŸ’« Make natural animations with springs!

Installation

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

Usage

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>

API

Related

License

MIT