Draw.io is a versatile, web-based diagramming tool widely used for creating flowcharts, organizational charts, network diagrams, UML diagrams, and more.
It is highly accessible, with no installation required, as it runs directly in the browser.
Rough.js is a canvas based, lightweight library that lets you draw in a sketchy, hand-drawn-like, style.
Rough.js defines primitives to draw lines, curves, arcs, polygons, circles, and ellipses.
Blotter is a javascript API for drawing unconventional text effects on the web.
Blotter provides a simple interface for building and manipulating text effects that utilize GLSL shaders without requiring that the designer write GLSL.
markerPen is a simple jQuery plugin to create a marker tool for a webpage.
This plugin would come handy if you are creating webpages for academic purpose where a person can mark details while reading through a huge junk of data.
Atrament is a lightweight library that enables the user to draw smooth, natural drawings and handwriting on the HTML canvas.
Sketchpad is a simple sketchpad library created by usin javascript. Sketchpad API also provides some useful functionalities.
Segment is a little JavaScript class to draw and animate SVG path strokes.
jQuery DrawSVG is lightweight, simple to use jQuery plugin to animate SVG paths.
This plugin uses the jQuery built-in animation engine to transition the stroke
on every <path>
inside the selected <svg>
element, using stroke-dasharray
and stroke-dashoffset
properties.
Two.js is a two-dimensional drawing api geared towards modern web browsers. It is renderer agnostic enabling the same api to draw in multiple contexts: svg
, canvas
, and webgl
.
jQDrawBootstrapGrid is a simple jQuery plugin that draws grid columns to a Bootstrap enabled layout.
Sigma is a JavaScript library dedicated to graph drawing. It makes easy to publish networks on Web pages, and allows developers to integrate network exploration in rich Web applications.
Sigma provides a lot of built-in features, such as Canvas and WebGL renderers or mouse and touch support, to make networks manipulation on Web pages smooth and fast for the user.
Sketch.js is an easy-to-use jQuery plugin that allows you to create canvases upon which visitors can draw. It supports multiple browsers including mobile devices (albeit with performance penalties).
jSignature is a jQuery plugin that simplifies creation of a signature capture field in a browser window, allowing a user to draw a signature using mouse, pen, or finger on touch enabled devices (e.g. iPhones, iPads or Android devices).
jSignature captures signature as vector outlines of the strokes. Although jSignature can export great bitmap (PNG) too, extraction of highly scalable stroke movemmovement coordinates (aka vector image) of the signature allows much greater flexibility of signature rendering