annie

A super tiny library for authoring cross-browser animations

Usage no npm install needed!

<script type="module">
  import annie from 'https://cdn.skypack.dev/annie';
</script>

README

annie

A tiny (701 bytes gzipped) library for authoring cross-browser animations.

huh?

Annie returns the following information:

> annie
{
    ie: Number|false				// internet explorer version (or false)
    performance: Boolean			// browser supports window.performance
    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
    supports3d: Boolean				// Whether or not browser supports 3D CSS transforms
}

sample output

modern browsers

browser platform vendor ie performance transform supports3d
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 supports3d
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