An NX animation middleware, based on standrad CSS animations.


stars 🌟issues ⚠️updated 🛠created 🐣size 🏋️‍♀️
10Feb 10, 2017Dec 31, 2016Minified + gzip package size for @nx-js/animate-middleware in KB


The animate middleware

The animate middleware allows you to create entering, leaving and moving animations with a few custom attributes.

  • name: animate
  • direct middleware dependencies: attributes
  • all middleware dependencies: observe, attributes
  • type: component or content middleware
  • ignores: text nodes
  • docs


npm install @nx-js/animate-middleware


const component = require('@nx-js/core')
const observe = require('@nx-js/observe-middleware')
const attributes = require('@nx-js/attributes-middleware')
const animate = require('@nx-js/animate-middleware')

<animated-comp @if="show">
  <span enter-animation="fadeIn 1s">Hello World!</span>

If you find any bugs or have a feature request, please open an issue on github!

The npm package download data comes from npm's download counts api and package details come from npms.io.