Skip to content
Fetching contributors…
Cannot retrieve contributors at this time
56 lines (54 sloc) 3.78 KB
<!DOCTYPE html>
<title>Rekapi - A keyframe animation library for JavaScript</title>
<link href='style.css' rel='stylesheet' type='text/css'>
<div id="main-container">
<a href="."><img src="demo/img/rekapi-logo-600.png" alt="Rekapi logo"></a>
<h2>A keyframe animation library for JavaScript</h2>
<li><a href="dist/doc/src/rekapi.core.js.html" target="_blank">API documentation</a></li>
<p>Rekapi is a helpful library for making beautiful <code>&lt;canvas&gt;</code> and DOM animations. Here are some examples of what can be made with Rekapi:</p>
<li><a href="demo/bargraph.html">An animated graph.</a></li>
<li><a href="demo/bubbles.html">Confetti!</a></li>
<li><a href="demo/catimate.html">Tweening Octocat.</a></li>
<li><a href="demo/pie.html">You can even make pie charts.</a></li>
<p>Rekapi is also a powerful tool for building animation apps. Examples of what can be built with this library:</p>
<li><a href="" target="_blank">Stylie.</a></li>
<li><a href="sandbox.html">API sandbox.</a></li>
<li><a href="ease.html">Easing formula tester.</a></li>
<p>Rekapi can also <a href="dist/doc/ext/to-css/" target="_blank">export</a> your DOM animations to CSS3 <code><a href="" target="_blank">@keyframes</a></code> for enhanced performance. If you don't want to deal with timelines and tweening yourself, Rekapi is the library for you! Rekapi depends on <a href="" target="_blank">Underscore.js</a> and <a href="" target="_blank">Shifty.js</a>. Here's everything you need:</p>
<li><a href="">Underscore.</a></li>
<li><a href="">Shifty.</a></li>
<li><a href="">Rekapi.</a></li>
<p>Alternatively, you can just load a single, minified file with all of the dependencies:</p>
<li><a href="">rekapi-underscore-shifty.min.js</a></li>
<p>The <a href="">getting started guide</a> will get you up to speed on how to use Rekapi, and you can use the <a href="dist/doc/">API documentation</a> as a reference for everything you can do with it. <a href="" target="_blank">This video</a> explains the concepts that the library is built upon and how to get started with it. If you want some help with Rekapi, post a question to the <a href="!forum/rekapi" target="_blank">Google Group</a>. Happy animating!</p>
<footer>Rekapi is free and open source software, obsessively made by <a href="" target="_blank">Jeremy Kahn</a>.</footer>
<a id="fork-me-link" href=""><img src="demo/img/forkme.png" alt="Fork me!" /></a>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-28621278-1']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
Something went wrong with that request. Please try again.