JavaScript animation engine
npm install kute.jsA modern JavaScript animation engine built on ES6+ standards with strong TypeScript definitions and most essential features for the web with easy to use methods to set up high performance, cross-browser animations. The focus is code quality, flexibility, performance and size.
KUTE.js packs a series of components for presentation attributes, SVG transform, draw SVG strokes and path morphing, text string write up or number countdowns, plus additional CSS properties like colors, border-radius or typographic properties.
For components documentation, examples and other cool tips, check the demo.
* backgroundPosition - enables the animation for the backgroundPosition CSS property
* borderRadius - enables the animation for all the borderRadius properties
* boxModel - enables the animation for the boxModel properties like top , left, width, etc
* clipProperty - enables the animation for the clip property
* colorProperties - enables the animation for the color properties like color, backgroundColor
* filterEffects - enables the animation for the filter property
* htmlAttributes - enables the animation for any numeric as well as some color based HTML Attributes
* opacityProperty - enables the animation for the opacity property
* scrollProperty - enables the animation for the window/Element scrollTop Object property
* shadowProperties - enables the animation for the shadowProperties properties: textShadow & boxShadow
* svgCubicMorph - enables the animation for the d Presentation Attribute of the SVGElement targets; this implements some Raphael.js functionality
* svgMorph - enables the animation for the d Presentation Attribute of the SVGElement targets; this component implements some D3.js and flubber functionality
* svgDraw - enables the animation for the strokeDasharray and strokeDashoffset CSS properties specific to SVGElement
* svgTransform - enables the animation for the transform presentation attribute
* textProperties - enables the animation for numeric HTMLTextElement related CSS properties like fontSize or letterSpacing
* textWrite - enables the animation for the content of various strings
* transformFunctions - enables the animation for the transform CSS3 property, the default component bundled with the official build
* transformLegacy - enables the animation for the transform CSS3 property on legacy browsers IE9+, not included with the official build, but can be used in your custom builds
* transformMatrix - enables the animation for the transform CSS3 property; this component implements DOMMatrix() API and is super light
All above mentioned components have a BASE version which doesn't include value processing, and their purpose is to provide a way to ship your super light version of your application.