Rekapi logo

A keyframe animation library for JavaScript

Learn about the Actor API here. Preview the available easing curves here.

actor .keyframe(0, { x: 100, y: 100, radius: 50, color: '#ddd' }).keyframe(1500, { x: 300, y: 380, radius: 100, color: '#666' }, { x: 'easeOutSine', y: 'easeOutExpo', radius: 'easeOutExpo', color: 'easeOutExpo' }).wait(2000);

You can also type Ctrl+` to while focused on the editor to update the animation.

Fork me!