Rekapi logo

A keyframe animation library for the web

Rekapi is a library for making <canvas> and DOM animations with JavaScript, as well as CSS @keyframe animations for modern browsers. Here are some examples of what can be made with Rekapi:

Rekapi is also a powerful tool for building animation apps. Examples of what can be built with this library:

Rekapi can dynamically prerender DOM animations as CSS3 @keyframes for enhanced performance. If you don't want to deal with the complexity of building and managing animation timelines yourself, Rekapi is the library for you! Rekapi depends on Underscore.js and Shifty.js. Here's everything you need:

Alternatively, you can just load a single, minified file with all of the dependencies:

The getting started guide will get you up to speed on how to use Rekapi, and you can use the API documentation as a reference for everything you can do with it. This video 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 Google Group. Happy animating!

Fork me!