NOTE: This project is archived. Feel free to fork it if you want to continue the development.
Vanilla JavaScript CSS animation engine.
A Zoidberg creates and stores animation rule and keyframe objects. Once stored, animation rule and keyframe objects can be retrieved, edited, removed and exported. Zoidberg currently supports exporting in ast or css format. Css format offers some configurable text formatting.
Zoidberg supports multiple animation property values.
npm i or yarn.npm run compile to compile Zoidberg to dist/zoidberg.js.npm run watch to compile and watchRun npm run test. Tests run via a webpack dev server and can be viewed in
the browser at http://localhost:8080/test/test.html
Run npm run demo. Demo runs via a Python SimpleHTTPServer and will automatically
open a browser window at http://localhost:8000/demo/ . It may be required to refresh
the demo page once the server is created.
// npm
require( 'zoidberg' );
// es6
import <<module name of your choice>> from 'zoidberg';As an example, if the following module name is chosen
import zoidberg from 'zoidberg';A new Zoidberg would be created via
const myZoidberg = zoidberg();Creating a Zoidberg does not require the new keyword. A Zoidberg is not a class, it is simply a function which follows the factory pattern.
Can be found here.
Can be found here.
This project adheres to the Berlin Code of Conduct. By participating in the development of Zoidberg, this code is expected to be honoured.
Pull-requests into the dev branch are gladly reviewed and accepted.