npm install flipping-move-onlyA tiny library (and collection of adapters) for implementing FLIP transitions easily.
Still in beta! Expect the API to change slightly before v1.0.
For more information about the FLIP technique, view the FLIPping slides.
npm install flipping --save
`Or grab the files directly:
- https://unpkg.com/flipping@latest/dist/flipping.js (core)
- https://unpkg.com/flipping@latest/dist/flipping.web.js (WAAPI adapter)
- https://unpkg.com/flipping@latest/dist/flipping.gsap.js (GSAP adapter)
`js
// import Flipping from 'flipping/strategies/web';
// import Flipping from 'flipping/strategies/gsap';
import Flipping from 'flipping';const flipping = new Flipping();
// or, for example:
// const flipping = new Flipping({
// onFlip: (state) => doYourAnimation(state)
// });
// ...
flipping.read();
doSomething(); // anything that changes the layout
flipping.flip();
``html




Lorem ipsum dolor sit amet...
``Coming soon! For now, take a look at some of these examples:
- https://codepen.io/davidkpiano/pen/RjaBpW
- https://codepen.io/davidkpiano/pen/xLKBpM