Open Source JavaScript Multimedia Software

Wireflow is an open-source collaborative tool for designing and visualizing user experience flows and wireframes directly in the browser, aimed at UX designers, product managers, and developers who need to map out interactive user journeys without heavy graphic design tools. Unlike static flowchart apps, Wireflow’s interface focuses on quick and intuitive creation of flow diagrams that represent screens and transitions, helping teams prototype and iterate on navigation logic and interaction sequences. It supports real-time collaboration, meaning multiple people can work on the same flow simultaneously, making it useful for distributed teams and remote workshops. Users can drag and drop nodes, connect steps with directed lines, and annotate interactions, producing a visual blueprint for app behavior, website navigation, or feature flows.

Cleaver is a one-stop-shop for generating HTML presentations in record time. Using some spiced up markdown, you can produce good-looking, interactive presentations with a just a few lines of text. Cleaver supports several basic options that allow you to further customize the look and feel of your presentation, including author info, stylesheets, and custom templates. Cleaver has substantial theme support to give you more fine-grained control over your presentation, similar to options. Instead of manually specifying a stylesheet, template, layout, and others, you can specify a single theme containing each of these assets. Cleaver comes with a stylesheet that looks good by default, but you can extend it at your heart's desire. Themes are prepackaged options you can invoke from a directory, URL, or even a GitHub repository.

OpenTheBook is a free, lightweight desktop reader for PDF, EPUB, AZW3, and MOBI files. It is intentionally not a book library: install it, double-click a book, and read. No account, no clutter, no cost. First release targets Windows and Ubuntu/Linux.

Online Presentation Software. Show presentations online without the need of any specialist software, simply use your website. Create presentations instantly with our XML creator.

Flot is a pure JavaScript plotting library for jQuery, with a focus on simple usage, attractive looks and interactive features. Works with Internet Explorer 6+, Chrome, Firefox 2+, Safari 3+ and Opera 9.5+. Additional examples are bundled with Flot. Also take a look at the Flot Usage Wiki for screenshots and stories from people and companies using Flot. Take a look at the the examples in examples/index.html; they should give a good impression of what flot can do, and the source code of the examples is probably the fastest way to learn how to use flot. Just include the JavaScript file after you've included jQuery. You need at least jQuery 1.2.6, but try at least 1.3.2 for interactive charts because of performance improvements in event handling. The plot function immediately draws the chart and then returns a plot object with a couple of methods. The placeholder is a jQuery object or DOM element or jQuery expression that the plot will be put into.

Textures.js is a JavaScript library for creating SVG patterns. Made on top of d3.js, it is designed for data visualization. Import textures.js from NPM. You can also use textures.js in your HTML page with a <script> tag by downloading textures.js to a local folder or by using the Unpkg CDN network. Textures.js can be used alongside d3.

xeogl is an open source JavaScript library from xeolabs for 3D model visualization on WebGL. It gives you tools to create interactive 3D worlds in your browser. Load models from formats like glTF or OBJ, or generate them programmatically. Navigate them with the camera and script them with Javascript, to build compelling 3D presentations. Load multiple models. Isolate/move/emphasize objects. Camera navigation controls. Camera animations (flyto, follow, path etc). Emphasis effects (wireframe, ghost, highlight, outline). Annotations. Cross-section views. Scene object hierarchies. Transform hierarchies. Bounding volumes. 3D picking, raycasting. Screen capture. You can dynamically edit most things in your scene at runtime. Animate your scenes by updating the properties of their components. Load 3D models into your scene from glTF.