annie

A super tiny library for authoring cross-browser animations

npm install annie
12 downloads in the last week
20 downloads in the last month

annie

A super tiny library for authoring cross-browser animations.

huh?

Annie returns the following information:

> annie
{
    ie: Number|false                // internet explorer version (or false)
    vendor: String                    // webkit, moz, ie, or o
    requestAnimationFrame: Function    // requestAnimationFrame, polyfilled if necessary
    cancelAnimationFrame: Function    // cancelAnimationFrame, polyfilled if necessary
    transform: String|undefined        // CSS transform property, if supported
    3d: Boolean                        // Whether or not browser supports 3D CSS transforms
    performance: Boolean            // browser supports window.performance
}

sample output

modern browsers

browser platform vendor ie performance transform 3d
chrome 29 osx Webkit false true WebkitTransform true
firefox 23 osx Moz false true MozTransform true
internet explorer 10 windows ms 10 true msTransform true
opera 16 osx Webkit false true WebkitTransform true
safari 6 ios Webkit false false WebkitTransform true
safari 6 ios Webkit false false WebkitTransform true
safari 6 osx Webkit false false WebkitTransform true

legacy browsers

browser platform vendor ie performance transform 3d
firefox 12 windows Moz false false MozTransform true
firefox 10 windows Moz false false MozTransform true
firefox 8 windows Moz false false MozTransform false
internet explorer 9 windows ms 9 false msTransform false
internet explorer 8 windows ms 8 false undefined false
internet explorer 7 windows ms 7 false undefined false
opera 11 windows O false false OTransform false
safari 5 windows Webkit false false WebkitTransform true

why not modernizr?

Annie:

  • contains an efficiently authored subset of Modernizr's functionality
  • is geared towards animation and DOM effects

Modernizr:

  • is a hefty ~15kb, big for the functionality it offers
  • is overkill for most projects
npm loves you