• Stars
    star
    641
  • Rank 70,212 (Top 2 %)
  • Language
    JavaScript
  • License
    MIT License
  • Created about 13 years ago
  • Updated almost 2 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

A keyframe animation library for JavaScript

Rekapi - Keyframes for JavaScript

Rekapi is a keyframe animation library for JavaScript. It gives you an API for:

  • Defining keyframe-based animations
  • Controlling animation playback

Rekapi is renderer-agnostic. At its core, Rekapi does not perform any rendering. However, it does expose an API for defining renderers, and comes bundled with renderers for the HTML DOM and HTML5 2D <canvas>.

Browser compatibility

Rekapi officially supports Evergreen browsers.

Installation

npm install --save rekapi

Developing Rekapi

First, install the dependencies via npm like so:

npm install

Once those are installed, you can generate dist/rekapi.js with:

npm run build

To run the tests in CLI:

npm test

To generate the documentation (dist/doc):

npm run doc

To generate, live-update, and view the documentation in your browser:

npm run doc:live

To start a development server:

npm start

Once that's running, you can run the tests at http://localhost:9010/test/ and view the documentation at http://localhost:9010/dist/doc/.

Loading Rekapi

Rekapi exposes a UMD module, so you can load it however you like:

// ES6
import { Rekapi, Actor } from 'rekapi';

Or:

// AMD
define(['rekapi'], rekapi => { });

Or even:

// CommonJS
const rekapi = require('rekapi');

Contributors

Take a peek at the Network page to see all of the Rekapi contributors.

License

Rekapi is distributed under the MIT license. You are encouraged to use and modify the code to suit your needs, as well as redistribute it.

More Repositories

1

shifty

The fastest TypeScript animation engine on the web
TypeScript
1,509
star
2

chitchatter

Secure peer-to-peer chat that is serverless, decentralized, and ephemeral
TypeScript
1,292
star
3

stylie

A graphical CSS3 animation tool
JavaScript
526
star
4

keydrown

A JavaScript key state handler for web apps
JavaScript
206
star
5

mantra

A professional web animation tool for everyone
JavaScript
181
star
6

lib-tmpl

A JavaScript library template.
JavaScript
125
star
7

farmhand

A resource management game that puts a farm in your hand
JavaScript
100
star
8

kapi

A keyframe API for the HTML5 Canvas.
JavaScript
62
star
9

dotfiles

This is what I use to get things done!
Vim Script
57
star
10

dragon

Another fn.draggable plugin for jQuery.
JavaScript
49
star
11

merkaba

An SVG editor component written in React
JavaScript
21
star
12

rekapi-timeline

A visual tool for modifying Rekapi animations
JavaScript
21
star
13

secure-file-transfer

A library to encrypt and transfer files P2P in the browser
TypeScript
19
star
14

vim-docker-env

A bare Vim environment, plus Pathogen, powered by Docker
Vim Script
15
star
15

rekapi-controls

Graphical controls for Rekapi animations.
JavaScript
10
star
16

props-editor

A UI for modifying React component props
JavaScript
8
star
17

misfit

A CLI UI for working with npm
JavaScript
8
star
18

Infinitely-Draggable-Content

Drag stuff around! For forever and ever!
JavaScript
8
star
19

js-project-starter

My personal starting point for JavaScript projects
JavaScript
6
star
20

Cachey

A caching plugin for jQuery
JavaScript
6
star
21

requirejs-lazy-load-example

An example of a lazy-loaded web app powered by RequireJS with a build process
JavaScript
6
star
22

require-and-backbone-views

An example of using Require.js and Backbone Views.
JavaScript
6
star
23

cubelet

A jQuery widget for graphically rotating a cube and working with its coordinates
JavaScript
5
star
24

tools

Some handy development tools
Vim Script
5
star
25

bezierizer

A graphical widget for defining a Bezier curve
JavaScript
4
star
26

storytime-with-github

Tell a story!
3
star
27

spinneroo

Take the web for a spin!
JavaScript
3
star
28

keyhandler_demo

A demonstration for a simple key handler in JavaScript
JavaScript
3
star
29

node-cli-boilerplate

Minimal, practical boilerplate for writing Node-powered CLI tools
JavaScript
3
star
30

rekapi-export-test

A test harness for experimenting with Rekapi exportTimeline data
JavaScript
3
star
31

tweetree

A fun project that lets you view random Twitter tweets in a visual tree.
JavaScript
3
star
32

jambi

A game development platform
2
star
33

transfornimate

A CSS transform animation tool
JavaScript
2
star
34

jumpjump

A game prototype for an idea I have.
JavaScript
2
star
35

fun-animal-names

Hash strings into fun animal names
TypeScript
2
star
36

jeremyckahn.com

My personal site.
CSS
2
star
37

wipe

An old jQuery plugin I made to make blur/wipe transitions
JavaScript
2
star
38

dumbdiff

It's a dumb, but fast and simple string differ for JavaScript.
JavaScript
2
star
39

hackday

We are hacking.
2
star
40

shifty-actors

A bridge library for Tweeny and Kapi actors.
JavaScript
2
star
41

jquery-canvas-kit

An old project, just throwing it on here because why not.
JavaScript
2
star
42

doodles

Sometimes I make art with code for fun.
JavaScript
2
star
43

farmhand-shuffle

A card game for farmers
TypeScript
2
star
44

jeremyckahn

It's a-me! jeremyckahn!
1
star
45

wrecked

An HTML5 game about rectangles. Hopefully it will be fun someday!
JavaScript
1
star
46

generator-web-project

This is the generator I use to start web projects.
JavaScript
1
star
47

trystero-node-sandbox

Sandbox repo for https://github.com/dmotz/trystero/issues/24
TypeScript
1
star
48

hackapi

Rekapi Art!
JavaScript
1
star
49

rekapi-benchmark

A simple performance benchmark for Rekapi, Underscore and Lo-Dash
JavaScript
1
star
50

rekapi-getting-started-demo

A runnable set of files for a Rekapi "Hello World"
1
star
51

vertigo

A jQuery plugin that makes a 3D UI for presenting content
JavaScript
1
star
52

petriEvolution

An old Processing project of mine.
Java
1
star
53

suggest-o-tron

An app that makes event suggestions for you
Ruby
1
star
54

rekapi-ios

An iOS-inspired Rekapi animation
JavaScript
1
star
55

3d-cards

A UI experiment with cards in 3D space
JavaScript
1
star
56

workflow-dispatch-test

A repo for experimenting with GitHub Actions
1
star
57

react-starter

My starting point for React apps
JavaScript
1
star
58

pwa-demo

TypeScript
1
star
59

jck-library-extensions

A set of extensions for open source libraries
JavaScript
1
star
60

iframe-test

HTML
1
star
61

jquerycanvaskit

Automatically exported from code.google.com/p/jquerycanvaskit
JavaScript
1
star