WARNING: This project is no longer maintained. Use the upstream package. See minna-ui, our new web UI framework.

---

@wearegenki/animate

Lightweight library for complex web animations.

Overview

Based on the excellent Animate Plus but with the following changes:

• replace async/await with Promise

Usage

Install

yarn add @wearegenki/animate
# OR
npm install @wearegenki/animate

Import and use

import animate from '@wearegenki/animate';

animate({
  elements: 'div',
  duration: 2000,
  delay: index => index * 100,
  transform: ['scale(0)', 'scale(1)']
})
.then(options => animate({
  ...options,
  transform: ['translate(0%)', 'translate(500%)']
}));

See the Animate Plus documentation for API usage information.

Licence

@wearegenki/animate is an Apache-2.0 licensed open source project. See LICENCE.

---

© 2018 We Are Genki