Open Source CoffeeScript Graphics Software

Apparatus is a browser-based visual editor and programming environment that streamlines building interactive diagrams. Users draw shapes, flows, constraints, and attach behavior code-side. It combines visual design with real code, supporting live demos, exports, and embedding. Created by CDG Labs, it helps build educational and exploratory tools quickly.

Vibrant.js is a JavaScript library for extracting prominent colors from images to generate aesthetically pleasing color palettes. It is inspired by the Android Palette API and allows developers to style interfaces dynamically based on image content. Common use cases include adapting UI elements to match album art, user avatars, or featured content images.

Dynamics.js is a JavaScript library to create physics-based animations. You can animate CSS properties of any DOM element. You also can animate SVG properties. And any JavaScript object. Dynamics.js has its own setTimeout. The reason is that requestAnimationFrame and setTimeout have different behaviors. In most browsers, requestAnimationFrame will not run in a background tab while setTimeout will. This can cause a lot of problems while using setTimeout along your animations. I suggest you use Dynamics's setTimeout and clearTimeout to handle these scenarios. Toggle a debug mode to slow down every animations and timeouts. This is useful for development mode to tweak your animation. This can be activated using Shift-Control-D in the browser.