KUTE.js

Integrates Kute.js, is a powerful and popular JavaScript animation library.

Overview

KUTE.js The JavaScript animation engine reimagined for the evolving modern web, the library that keeps track on the changing standards, the modular tool to enable creativity.

The magic behind Spicr, the result of hard work, the bridge between old and new, the dream and inspiration.

Components

KUTE.js includes 18 components, but not all of them are bundled with the default distribution package:

• 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 <path> SVGElement targets; this implements some Raphael.js functionality
• svgMorph - enables the animation for the d Presentation Attribute of the <path> SVGElement targets; this component implements some D3.js and flubber functionality
• svgDraw - enables the animation for the strokeDasharray and strokeDashoffset CSS properties specific to <path> 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

The JavaScript animation engine that never stops evolving just like we never stop learning. Instead of becoming more bloated, we make it more modular, instead of compromising we chose innovating.