Open Source CoffeeScript Graphics Software

Mondrian is a browser-based drawing application that explores minimalist, grid-oriented composition in the spirit of geometric art. It provides a clean canvas for placing rectangles, lines, and color blocks, aiming to make creating crisp, balanced layouts feel immediate and fun. The interface favors direct manipulation—click, drag, resize, recolor—over menus and tool overload, so newcomers can produce striking designs quickly. Under the hood, it uses standard web tech to render shapes and support undo/redo, export, and sharing. Because it’s self-contained and open, it doubles as a learning resource for anyone curious about building interactive graphics editors in the browser. Designers and students use it for quick studies, poster drafts, and experiments with rhythm, contrast, and proportion.

Shadowsocks GUI client provides a graphical interface for configuring and running Shadowsocks, an encrypted proxy, on desktop systems. For Windows, upgrade to Shadowsocks for Windows.

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.

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.

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.