JavaScript Drawing

Open-source JavaScript projects categorized as Drawing

Top 23 JavaScript Drawing Projects

  • pencil

    The Pencil Project's unique mission is to build a free and opensource tool for making diagrams and GUI prototyping that everyone can use.

    Project mention: is it possible to take an image, and have ai convert that to the HTML code | /r/nocode | 2023-03-29
  • jspaint

    🎨 Classic MS Paint, REVIVED + ✨Extras

    Project mention: Textual Paint – MS Paint in your terminal | | 2023-07-25

    This is by the same person who made jspaint. Some of the other projects by the author are also very interesting

    There is this pipes screen saver for example

  • Amplication

    Amplication: open-source Node.js backend code generator. An open-source platform that helps developers build backends without spending time on boilerplate & repetitive coding. Including production-ready GraphQL & REST APIs, DB schema, DTOs, filtering, pagination, RBAC, & more.

  • tui.image-editor

    🍞🎨 Full-featured photo image editor using canvas. It is really easy, and it comes with great filters.

  • NN-SVG

    Publication-ready NN-architecture schematics.

    Project mention: NN-SVG is a tool for creating Neural Network architecture drawings parametrically rather than manually! It also provides the ability to export those drawings to Scalable Vector Graphics (SVG) files, suitable for inclusion in academic papers or web pages | /r/aipromptprogramming | 2023-04-14
  • mapus

    A map tool with real-time collaboration 🗺️

  • storyboarder

    ✏️ Storyboarder makes it easy to visualize a story as fast you can draw stick figures.

    Project mention: Question about Storyboards | /r/MotionDesign | 2023-05-30

    I use Stroyboarder by wonderunit (its free) You can either draw in the app or make your scenes in another program and drop them in. Eg, i could make a bunch of frames in illustrator on separate artboards and drop them in. It also links up to photoshop with the press of a button.

  • fishdraw

    procedurally generated fish drawings

  • Appwrite

    Appwrite - The open-source backend cloud platform. The open-source backend cloud platform for developing Web, Mobile, and Flutter applications. You can set up your backend faster with real-time APIs for authentication, databases, file storage, cloud functions, and much more!

  • lazy-line-painter

    Lazy Line Painter - A Modern JS library for SVG path animation

  • leaflet-geoman

    🍂🗺️ The most powerful leaflet plugin for drawing and editing geometry layers

    Project mention: Wanting to put a collaborative map on our organizations website. That logs who does what actions, but allows for members to place pins and make comments about places. We are all tour guides | /r/WebdevTutorials | 2022-11-06

    This project was a react app using Leaflet for the map and for the advanced line drawing tools. Unfortunately all that was ever used by the client was pins … we do cluster them however.

  • miniPaint

    online image editor

    Project mention: MiniPaint | | 2023-08-13
  • pointless

    An endless drawing canvas desktop app made with Tauri (Rust) and React 🎨 ✍️

    Project mention: Pointless - endless drawing canvas | /r/learnjavascript | 2023-07-31
  • PixelCraft

    A Pixel Art Editor

  • mapbox-gl-draw

    Draw tools for mapbox-gl-js

  • react-sketch

    Sketch Tool for React-based applications, backed up by FabricJS

  • moebius

    Modern ANSI & ASCII Art Editor

    Project mention: Moebius XBin-GJ! Edition (new fork) | /r/ANSIart | 2023-08-01

    Learn more about moebius here:

  • slashy

    Supercharge Notion with custom commands to record, draw, and more ✍️

    Project mention: Slashy for notion | /r/Notion | 2023-02-02

    I have found the Slashy app or extension that allows you to create custom commands and I find it really useful but I don't manage to make it work in the web version of any borwser or in the desktop version.

  • SyncPaint

    A web app for synchronized group drawing. Draw together with other people in real time.

  • isometric-css

    Isometric-CSS is a lightweight JavaScript library to build isometric projections through declarative HTML attributes.

  • lineboi3000

    lineboi3000 is a way cool graphical interface for drawing, painting, adding EFX, and then sending your designs to a pen plotter or creating animations

  • art

    @Bigfan/art is a React custom renderer for HTML5 Canvas. (by bigfanjs)

  • arctic-landscape

    An animated drawing of an arctic landscape

  • pictionary

    Picture guessing and drawing multiplayer game (by Arp-G)

  • knottingham

    A Tool for drawing pretty Knots!

    Project mention: A Website to draw, drag and identify Knots | /r/math | 2023-07-01
  • SurveyJS

    A Non-Cloud Alternative to Google Forms that has it all.. SurveyJS JavaScript libraries allow you to easily set up a robust form management system fully integrated into your IT infrastructure where users can create and edit multiple dynamic JSON-based forms in a no-code form builder. Learn more now.

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020). The latest post mention was on 2023-08-13.

JavaScript Drawing related posts


What are some of the best open-source Drawing projects in JavaScript? This list will help you:

Project Stars
1 pencil 8,770
2 jspaint 6,897
3 tui.image-editor 6,302
4 NN-SVG 4,136
5 mapus 3,104
6 storyboarder 2,950
7 fishdraw 2,146
8 lazy-line-painter 1,940
9 leaflet-geoman 1,938
10 miniPaint 1,884
11 pointless 1,211
12 PixelCraft 1,119
13 mapbox-gl-draw 826
14 react-sketch 639
15 moebius 594
16 slashy 507
17 SyncPaint 68
18 isometric-css 35
19 lineboi3000 31
20 art 29
21 arctic-landscape 27
22 pictionary 22
23 knottingham 21
Updating dependencies is time-consuming.
Solutions like Dependabot or Renovate update but don't merge dependencies. You need to do it manually while it could be fully automated! Add a Merge Queue to your workflow and stop caring about PR management & merging. Try Mergify for free.