Your favorite animate.css effects available as ES modules for use with the Web Animations API.
npm install pure-animationsYour favorite animate.css effects available as ES modules for use with the Web Animations API.
- 🏆 ~100 quality animations
- 🎾 ~30 popular easings
- 🚚 Works with CDNs
- 🌲 Fully tree-shakeable
This module was built for Pure UI, but it works well as a stand-alone library too!
``bash`
npm install pure-animations
Importing all animations:
`js`
import * as animations from 'pure-animations';
Importing individual animations:
`js`
import { bounce } from 'pure-animations';
Importing easings:
`js`
import { easings } from 'pure-animations';
Animating an element:
`html
`
This example uses the jsDelivr CDN. To import the library locally, install it and make node_modules/pure-animations/dist available to your app or bundler.
This script parses all animation stylesheets found in node_modules/animate.css and generates keyframe objects that you can use with the Web Animations API. As animations are tweaked and added to animate.css, the keyframes herein will be kept in sync when rerunning the script.
To build the project, run:
`bash`
npm run build
This will purge and rebuild the dist` directory.
Please report all bugs and suggestions to the issue tracker.