jspaint - 🎨 Classic MS Paint, ＲＥＶＩＶＥＤ + ✨Extras

•    Javascript

---

The goal is to remake MS Paint (including its little-known features), improve on it, and to extend the types of images it can edit. So far, it does this pretty well.Ah yes, good old paint. Not the one with the ribbons or the new skeuomorphic one with the interface that can take up nearly half the screen. And sorry, not the even newer Paint 3D.

image image-editing editor ms-paint paint online image-editor app retro drawing canvas html5 mspaint web-app web-application painting image-manipulation jspaint remake draw create picture edit nw-app mspaint-alternative

Leaflet.draw - Vector drawing and editing plugin for Leaflet

•    Javascript

---

Adds support for drawing and editing vectors and markers on Leaflet maps. Supports Leaflet 0.7.x and 1.0.0+ branches.

maps leaflet client vector drawing draw leaflet-plugin

cytoscape

•    Javascript

---

Cytoscape.js is a fully featured graph theory library. Do you need to model and/or visualise relational data, like biological data or social networks? If so, Cytoscape.js is just what you need. Cytoscape.js contains a graph theory model and an optional renderer to display interactive graphs. This library was designed to make it as easy as possible for programmers and scientists to use graph theory in their apps, whether it's for server-side analysis in a Node.js app or for a rich user interface.

cytoscapejs graph graph-theory network node edge vertex link analysis visualisation visualization draw render biojs cytoscape

rough - Create graphics with a hand-drawn, sketchy, appearance

•    Javascript

---

Rough.js is a light weight (~9kB gzipped) graphics library that lets you draw in a sketchy, hand-drawn-like, style. The library defines primitives to draw lines, curves, arcs, polygons, circles, and ellipses. It also supports drawing SVG paths. Rough.js works with both Canvas and SVG.

draw canvas graphics svg html5-canvas svg-path sketchy hand-drawn

rough - Create graphics with a hand-drawn, sketchy, appearance

•    TypeScript

---

Rough.js is a small (<9 kB) graphics library that lets you draw in a sketchy, hand-drawn-like, style. The library defines primitives to draw lines, curves, arcs, polygons, circles, and ellipses. It also supports drawing SVG paths. Rough.js works with both Canvas and SVG.

svg canvas graphics html5-canvas draw svg-path sketchy hand-drawn

lazy-line-painter - A JQUERY PLUGIN FOR SVG PATH ANIMATION ~

•    JQuery

---

A JQUERY PLUGIN FOR SVG PATH ANIMATION ~

jquery-plugin svg effect animation line rapheal paint erase draw lazy design lazylinepainter

TensorFlow-VAE-GAN-DRAW - A collection of generative methods implemented with TensorFlow (Deep Convolutional Generative Adversarial Networks (DCGAN), Variational Autoencoder (VAE) and DRAW: A Recurrent Neural Network For Image Generation)

•    Python

---

TensorFlow implementation of Deep Convolutional Generative Adversarial Networks, Variational Autoencoder (also Deep and Convolutional) and DRAW: A Recurrent Neural Network For Image Generation. Deep Convolutional Generative Adversarial Networks produce decent results after 10 epochs using default parameters.

tensorflow draw recurrent-neural-networks gan vae

maker.js - Library for creating 2D vector drawings for CNC and laser cutter machines.

•    Javascript

---

Maker.js, a Microsoft Garage project, is a JavaScript library for creating and sharing modular line drawings for CNC and laser cutters.

maker cad draw cnc vector svg pdf dxf drawing fonts geometry bezier openjscad rectangle circle line arc laser 2d 3d openscad point points path model triangle outline quadratic cubic curve ellipse polygon square star dome bolt holes oval belt ring slot kerf shape font trigonometry boolean chain distort dogbone fillet intsersect intsersection measure mirror rotate scale stl plasma cutter water-jet

Magick.NET - The .NET library for ImageMagick

•    CSharp

---

ImageMagick is a powerful image manipulation library that supports over 100 major file formats (not including sub-formats). With Magick.NET you can use ImageMagick in your C#/VB.NET/.NET Core application without having to install ImageMagick on your server or desktop.For examples on how to install and use Magick.NET visit the documentation page. For more information about ImageMagick go to: http://www.imagemagick.org/.

image imagemagick convert resize draw effects exif dotnet-standard

react-planner - :pencil2: A React Component for plans design

•    Javascript

---

react-planner is a React component which can be used to draw model buildings. Drag & drop from a catalog of customizable and ready-to-use objects, you can start from 2D wireframes and land on 3D models. As a developer you can provide your users with new objects by adding them to the catalog.

component interface react react-component reactjs ui webgl threejs svg floorplans draw floorplanner plan 3d home-design interior-design react.js

InkKit - Drawing and Geometry made easy on iOS - now in Swift 3.0

•    Swift

---

In order to use InkKit in a Swift 3.2/3.0 project, ensure you point to the 2.1.0 tag. In order to use InkKit in a Swift 2.3 project, ensure you point to the swift2.3 branch.

geometry grid drawing-methods ios draw graphics

react-native-sketch - 🎨 A React Native <Sketch /> component for touch-based drawing.

•    Objective-C

---

A React Native component for touch-based drawing. The project contains a folder examples that contains few demos of how to use react-native-sketch. Just copy and paste the code to your React Native application.

react-native drawing touch ios sketch signature react react-component draw paint canvas

core - Renderer for TLDraw and maybe you, too.

•    

---

This package has moved to the tldraw/tldraw monorepo.

react typescript canvas draw whiteboard pan zoom pinch

Leaflet

•    Javascript

---

Zoopla inspired freehand polygon creation using Leaflet.js.

maps polygon markers shape zoopla geospatial draw leaflet freedraw drawing freehand

ZMJImageEditor - ZMJImageEditor is a picture editing component like WeChat

•    Objective-C

---

To run the example project, clone the repo, and run pod install from the Example directory first.

image editor wechat image-editor editor-helper imageeditor rotation clip draw testing text text-editor

react-native-sketch-canvas - A React Native component for drawing by touching on both iOS and Android

•    Javascript

---

A React Native component for drawing by touching on both iOS and Android. To use an image as background, localSourceImage(see below) reqires an object, which consists of filename, directory(optional) and mode(optional). Note: Because native module cannot read the file in JS bundle, file path cannot be relative to JS side. For example, '../assets/image/image.png' will fail to load image.

react-native react-native-sketch react-native-svg react native sketch svg draw

jquery-feyn - jQuery plugin for drawing Feynman diagrams with SVG

•    JQuery

---

jQuery plugin for drawing Feynman diagrams with SVG

jquery-plugin svg draw feynman diagrams

wave - Wave (jQuery plugin)

•    JQuery

---

Wave (jQuery plugin)

jquery-plugin wave sine html5 canvas draw shape math

L

•    Javascript

---

Branching from Leaflet.FreeDraw, L.Pather is a freehand polyline creator that simplifies the polyline for mutability.

polyline leaflet simplify path line draw freehand freedraw

Simple-Draw - A canvas you can draw on with different colors.

•    Kotlin

---

A canvas you can draw on with different colors.Want to draw something but you have no paper? This app will suit you perfectly. Just pick a color and draw. You can either save the drawing or share it directly through email or social networks.

android kotlin draw canvas opensource freedom