https://github.com/pearofducks/femtotween

a minimalistic tween library
https://github.com/pearofducks/femtotween

javascript tween vue

Last synced: 17 days ago
JSON representation

a minimalistic tween library

• Host: GitHub
• URL: https://github.com/pearofducks/femtotween
• Owner: pearofducks
• License: mit
• Created: 2018-11-04T02:26:34.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2022-10-29T09:54:53.000Z (about 2 years ago)
• Last Synced: 2024-10-04T21:46:29.684Z (about 1 month ago)
• Topics: javascript, tween, vue
• Language: JavaScript
• Homepage: https://pearofducks.github.io/femtoTween/
• Size: 255 KB
• Stars: 30
• Watchers: 3
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
> femtoTween

femtoTween's goal is to provide just enough tweening functionality to cover basic use cases.

Through this primary goal, it should also be one of the smallest tweening libraries (less than 1k un-minified even).

```

yarn add femtotween

import { tween } from 'femtotween'

```

- Minimal API can be grok'd in seconds

- Supports a `done` callback - especially useful for [Vue.js transitions via JS hooks](https://vuejs.org/v2/guide/transitions.html#JavaScript-Hooks)

- Supports and provides additional easing functions

##### more

[see site for example and API](https://pearofducks.github.io/femtoTween/)

##### bundling & production

If you're shipping to es5 environments, you'll need to either:

- source the es5-browser-build :: e.g. `import { tween } from 'femtotween/dist/femtoTween.umd.js'`

- or enable transpiling of `.esm.js` files in your bundler

This module ships es6 module _and_ code in the `femtoTween.esm.js` file - both for convenience to those shipping more modern builds, as well as to ensure the smallest (and least opinionated) final build.

##### implementations

- [vue-femtotween](https://github.com/euphemism/vue-femtotween) provides a reactivity wrapper for Vue 3