Morph your dom with style.
- Lighweight (below 2.5kb gzipped)
- Chrome, Firefox, IE 9+, Safari
- Zero dependencies
- jQuery bindings (optional)
- CommonJS, AMD, and global interface
- TypeScript Definitions (optional)
As the main task of Animorph is adding and removing CSS classes it leaves you in control about the animation details.
- Enter animation
- Stagger animation
- Leave animation
- Move animation
Check it out on Codepen here (basic example) or here (advanced example)
Install the plugin with npm:
$ npm install animorph --save
Install the plugin using yarn:
$ yarn add animorph
const element = document.querySelector('.foo'); const wrapper = document.querySelector('.bar'); animorph.appendTo(element, wrapper);
jQuery (please use
animorph.jquery.min.jsfrom the dist folder)
Please take a look at the very simple enter example or at the slightly more advanced example
ContributionYou're free to contribute to this project by submitting issues and/or pull requests. This project uses the semistandard code style.
LicenseThis project is licensed under MIT.