<metaname="description"content="KUTE.js is a fully featured JavaScript animation engine with outstanding performance and supporting 3D transforms, SVG Morph, draw SVG, SVG transform, cross-browser animation, scroll animation, CSS3 properties and many more.">
<aclass="facebook-link"target="_blank"href="https://www.facebook.com/sharer/sharer.php?u=http://thednp.github.io/kute.js/index.html"title="Share KUTE.js on Facebook">
<aclass="twitter-link"target="_blank"href="https://twitter.com/intent/tweet?text=Spread the word about %23KUTEJS animation engine by @dnp_theme and download here http://thednp.github.io/kute.js/index.html"title="Share KUTE.js on Twitter">
<p>The modern JavaScript powering the core functionality, the modular architecture, the solid and complete components are all geared towards the future of web development.</p>
<p>While KUTE.js was re-developed to support mainly modern browsers, it also leaves the door open to old browsers with its legacy components, tools and polyfills.</p>
<h1><span>What's not to love about it?</span></h1>
<p>Yeah, the open source, modular and fully featured animation engine for the modern web, fully documented and MIT Licensed.</p>
<p>Any question? Find answers <ahref="https://stackoverflow.com/search?q=kute.js">here</a>, or post them <ahref="https://github.com/thednp/kute.js/issues">here</a>!</p>
<pclass="condensed text-right">If you're looking for that spicy tool to kickstart your animations, developed with latest technology and modular design, you will love KUTE.js.</p>
</div>
<divclass="col9 border">
<pclass="lead condensed">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.</p>
<p>Built on modern ES6/ES7 JavaScript Standard, packed with utilities, build tools and a wide range of supported properties, <b>KUTE</b>.js is now a fully featured animation engine
you can use to create complex animations, with properties or elements that cannot be animated with CSS3 transitions or other animation engines, or attributes that aren't
even drafted in the specification yet.</p>
<pclass="lead condensed">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. </p>
<p>While <b>KUTE</b>.js doesn't activelly support legacy browsers, it provides a wide range of tools and utilities you can use to create a fallback animation for every browser
and property.</p>
<p>The demo pages use a dedicated polyfill for IE10+ browsers, but today we have <ahref="https://polyfill.io/">polyfill services</a> and a wide range of
<ahref="http://browserhacks.com"target="_blank">browser detection</a> options to handle legacy browsers, our focus here is the highest performance on modern browsers.</p>
<p>By the way, <b>KUTE</b>.js is <ahref="performance.html">really fast</a>.</p>
<pclass="condensed">The entire codebase reworked on the latest standards with flexible rollup based build tools. Most classes are extensible via the ES6 <code>extend</code>
or your usual <code>prototype</code>, depending on the class.</p>
</div>
<divclass="col2">
<h3class="border">Lots of Components</h2>
<pclass="condensed">All your previously supported properties and plugins have been split into components for more modularity. New additions have been added for a broader scope.
The official distribution only includes most popular components.</p>
</div>
<divclass="col2">
<h3class="border">Familiar Syntax</h2>
<pclass="condensed">You can create your tween objects with a familiar syntax with your trusted options, the callback system and other component related options.</p>
</div>
<divclass="col2">
<h3class="border">Tools and Options</h2>
<pclass="condensed">Along the wide range of options, certain components provide tools for further control over the outcome. Also there's a <ahref="progress.html">progress
bar</a> somewhere.</p>
</div>
<divclass="col2">
<h3class="border">Well Documented</h2>
<pclass="condensed">Each component demo page comes packed with tons of guides and tips on how to optimize the performance and visual presentation.</p>
</div>
<divclass="col2">
<h3class="border">MIT License</h2>
<pclass="condensed">The library is released under the <ahref="https://github.com/thednp/kute.js/blob/master/LICENSE">MIT License</a>.</p>