# mtween

> A small tween easing animation library

Latest version **0.1.0** (published 2019-11-20) · MIT license · 0 weekly downloads

## Install

```sh
npm install mtween
pnpm add mtween
yarn add mtween
bun add mtween
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.0 |
| Published | 2019-11-20 |
| First published | 2019-11-20 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Unpacked size | 1 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | ajiemath |

## Links

- npm: https://www.npmjs.com/package/mtween
- npm.io page: https://npm.io/package/mtween

## Recent versions

- 0.1.0 (latest) — 2019-11-20

## README

mTween - A small tween easing animation library
======

Gsap is a great animation library, it is very powerful. But there are a few disadvantages is that the size is slightly larger. Sometimes I just want to implement a basic animation, may not want to introduce a large library, so I am based on gasp Made some cuts, thank you very much to the original author

## Features
A small tween easing animation library, which is very small in size. Suitable for mobile project applications. Ported from gsap animation library.


* Small size, only 10kb gzip
* Retains most of tweenlite's features.
* Basic dom animations like scale, x, y

## Usage
#### Directly on the page reference

```html
<script src="js/mtween.min.js"></script>
```


#### Or install using npm 

``` 
npm install mtween --save
... 

import mTween from 'mtween';
```

#### Useage:

```javascript
mTween.to($(".card1")[0], 0.5, { scale: 2.1, opacity: 0.2 });

mTween.fromTo(
    $(".card2 .card-content")[0], 0.5, {rotation: 0},
    {
        rotation: 230,
        delay: 0.2,
        ease: Back.easeOut
    }
);

mTween.fromTo($(".card3")[0], 0.5, { scale: 0.1 }, { scale: 1, delay: 1 });
```

## Build
Node is a dependency, use terminal to install it with with:  

### build package

```javascript
npm install
npm run build
``` 

### es6 lint

```javascript
npm run lint
```

## License
LicenseFinder is released under the MIT License. http://www.opensource.org/licenses/mit-license

---
_Source: https://npm.io/package/mtween · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._