https://github.com/posva/vue-use-spring

💫 Naturally fluid animations for Vue
https://github.com/posva/vue-use-spring

animation physics vue

Last synced: 4 days ago
JSON representation

💫 Naturally fluid animations for Vue

• Host: GitHub
• URL: https://github.com/posva/vue-use-spring
• Owner: posva
• License: mit
• Created: 2020-10-02T13:19:37.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2024-10-21T03:25:40.000Z (3 months ago)
• Last Synced: 2024-10-21T06:33:18.279Z (3 months ago)
• Topics: animation, physics, vue
• Language: TypeScript
• Homepage:
• Size: 1.72 MB
• Stars: 91
• Watchers: 3
• Forks: 2
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: .github/CONTRIBUTING.md
  • Funding: .github/funding.yml
  • License: LICENSE
  • Code of conduct: .github/CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# vue-use-spring [![NPM version](https://img.shields.io/npm/v/vue-use-spring?color=black&label=)](https://www.npmjs.com/package/vue-use-spring) [![ci status](https://github.com/posva/vue-use-spring/actions/workflows/ci.yml/badge.svg)](https://github.com/posva/vue-use-spring/actions/workflows/ci.yml)

> 💫 Make natural animations with springs!

## Installation

```sh

yarn add vue-use-spring

# or

npm install vue-use-spring

```

## Usage

```js

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

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

// change position like you would usually

position.x = 100

```

```vue

I move!

```


## API

## Related

## License

[MIT](http://opensource.org/licenses/MIT)