explaingit

favouridowu02/drawos

Analysis updated 2026-05-18

2TypeScriptAudience · designerComplexity · 2/5LicenseSetup · easy

TLDR

A free, browser based vector drawing and diagramming tool that works fully offline with no account needed.

Mindmap

mindmap
  root((DrawOS))
    What it does
      Browser drawing engine
      Local-first storage
    Tech stack
      TypeScript
      SVG
      Vite
    Features
      Layer panel
      Grid snapping
      Command palette
    Use cases
      Sketching
      Flowcharts
      Wireframes
    Audience
      Designers

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

What do people build with it?

USE CASE 1

Sketch shapes, diagrams, and wireframes directly in your browser with no account.

USE CASE 2

Build flowcharts or wireframes quickly using the built in templates.

USE CASE 3

Organize a design with layers, locking, and grid snapping like in professional design tools.

USE CASE 4

Run entirely offline since your work is saved automatically in the browser's own storage.

What is it built with?

TypeScriptReactSVGVite

How does it compare?

favouridowu02/drawosagbara286/saint-cmsanuj-kumary/your-github-contributions
Stars222
LanguageTypeScriptTypeScriptTypeScript
Last pushed2026-06-07
MaintenanceMaintained
Setup difficultyeasyeasymoderate
Complexity2/52/52/5
Audiencedesignerdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you get it running?

Difficulty · easy Time to first run · 5min

Requires Node.js 18 or higher to run the local development server.

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

In plain English

DrawOS is a free, open source drawing tool that runs entirely inside your web browser, with no account, server, or internet connection required to use it. It lets you sketch shapes, add editable text, and place images on an unlimited canvas that you can freely pan and zoom around, similar in spirit to design tools like Figma but focused purely on local, offline drawing. The tool includes rectangle, circle, and freehand path drawing, along with a layer panel similar to the one found in professional design software, letting you reorder, hide, or lock individual layers and instantly zoom to frame any one of them. It supports snapping your shapes to a configurable grid, and shows live measurements on the canvas as you work. Everything you draw is saved automatically inside your browser's own storage, so your work persists between sessions without needing an account or cloud service. A command palette, opened with Ctrl+K, along with dedicated keyboard shortcuts for each tool, lets you work quickly without reaching for the mouse. Built in flowchart and wireframe templates give you a starting point instead of a blank canvas. To run it yourself, you need Node.js version 18 or higher. After cloning the repository, you install dependencies, then start a local development server to open the editor in your browser, or build an optimized production version. Internally, the project is organized as a set of separate packages: one for geometry and shape calculations, one for undo and redo history, one for the drawing engine itself, one for rendering shapes to the screen, one for saving your work locally, and one for the interactive tools. The project is released under the MIT license and welcomes outside contributions through GitHub issues and pull requests.

Copy-paste prompts

Prompt 1
Help me set up DrawOS locally and start the development server.
Prompt 2
Show me the keyboard shortcuts I can use to draw faster in DrawOS.
Prompt 3
Explain how DrawOS organizes its geometry, rendering, and storage packages.
Prompt 4
Help me use DrawOS's built in flowchart template to sketch a simple diagram.

Frequently asked questions

What is drawos?

A free, browser based vector drawing and diagramming tool that works fully offline with no account needed.

What language is drawos written in?

Mainly TypeScript. The stack also includes TypeScript, React, SVG.

What license does drawos use?

Use freely for any purpose, including commercial use, as long as you keep the copyright notice.

How hard is drawos to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is drawos for?

Mainly designer.

Open on GitHub → Explain another repo

This repo across BitVibe Labs

Verify against the repo before relying on details.