Open Source CoffeeScript Multimedia Software for Mac

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.

MuPlayer is Baidu’s browser audio engine supporting HTML5 Audio and Flash. Created for Baidu Music, it ensures broad compatibility (IE6+, Chrome, Firefox, Safari) and multi-platform web apps. Designed for plugin-based codecs and flexible deployment, it powered Baidu’s streaming before being deprecated, now replaced by tools like SoundManager2 and Howler.js.

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.

CloudTunes is a web application that turns cloud and online sources into an iTunes-like music experience you can access in the browser. It focuses on pulling tracks from services such as YouTube or storage backends and organizing them into searchable libraries and playlists. The interface is built to feel familiar to desktop music players, with queue management, dynamic search, and metadata views that make large collections manageable. Because playback runs in the browser, you can use it from any machine without installing a native client, and the server component coordinates indexing and streaming. Multiuser support and shareable playlists make it useful for small groups who want a central, always-available jukebox. The project showcases how open web technologies can be combined to provide a smooth, portable music app that users can self-host and customize.

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.

Graphene is a real-time dashboard and graphing toolkit built with D3.js and Backbone.js. It was originally designed to sit on top of the Graphite data model and API, enabling teams to quickly build live dashboards that show thousands of datapoints updating over time. The project provides a highly customizable and hackable client-side engine: you define “widgets” such as time series graphs, gauges or labels, hook them to data providers, and the toolkit handles ingestion, rendering and live updates. While the code is somewhat dated (it uses Backbone + CoffeeScript/JavaScript rather than newer frameworks), it remains useful for legacy setups or teams wanting to build simple real-time dashboards without heavy infrastructure. The repository includes example dashboards and a builder API to define data sources and widget configurations. It also emphasises aesthetic and performance considerations, aiming to support thousands of data points and live refreshes in the browser.

Greenscreen is a lightweight “wallboard” app meant to turn a browser or kiosk into a live dashboard for teams. It focuses on displaying one or more web pages or widgets full-screen, cycling through them on a timer so an office TV can show build status, metrics, incident pages, or any internal site without manual tab juggling. Configuration is straightforward: define a playlist of URLs, the rotation interval, and a few presentation options, then point a dedicated device at it. Because it’s just the web at heart, it integrates easily with whatever monitoring or analytics tools you already use. The project emphasizes reliability and simplicity over heavy features, so you can leave it running unattended for long stretches. It’s popular in engineering rooms and support centers where at-a-glance visibility is more important than complex interaction.

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.

This project is a streaming media server built on Node.js that supports both RTSP (Real Time Streaming Protocol) and RTMP (Real Time Messaging Protocol). It enables users to set up a lightweight streaming infrastructure for delivering live video or audio across networks without relying on heavy external servers. By implementing these protocols in Node.js, it offers easy integration with JavaScript applications and rapid prototyping for developers working on real-time streaming. The server can be used in surveillance camera setups, broadcasting workflows, or low-latency streaming systems. Because Node.js is event-driven, the implementation is designed for handling concurrent client connections efficiently. It’s especially useful for developers who want a minimalistic streaming server for experimentation, custom deployments, or embedding into larger applications.

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.