If you are looking for a way to use Draw.io as a desktop application, you can now download official Draw.io desktop versions.
Or, if you're using Google Chrome, simply visit Draw.io website, click the Chrome menu button (top right corner), go to "More tools", "Add to desktop". Enter shortcut name, and leave "Open as window" checked.
DrawTop is online-based, cross platform desktop application for Draw.io diagraming software (unofficial
). It is built using web technologies (HTML, CSS and JavaScript) and electron framework.
Important note:
All product names, logos, and brands are property of their respective owners.
All company, product and service names used in this project are for identification purposes only.
Use of these names, logos, and brands does not imply endorsement.
Loader animation:
Templates:
Workspace:
- When first starting DrawTop application, frameless loader window is created;
- DrawTop then checks in the background for available internet connections;
- If there is no internet access:
- loader window is closed;
- frameless help window is created, notifying user about nonexistent internet access;
- global keyboard shortcut is registered for
Escape
key, allowing user to close help window and exit application.
- If there is internet access:
- loader window is closed;
- main window is created, loading Draw.io website into secure chromium sandbox environment, with node integration disabled;
- global keyboard shortcut is registered for
F11
key, allowing user to toggle full screen view.
NOTE: When loading Draw.io website, following URL parameters are used:
https=1
- enables encrypted https connection to Draw.io website;offline=0
- loads Draw.io in an online environment, which enables faster loading time, use of templates, search functionality and multiple language support;mode=device
- sets default application mode to "device";storage=device
- adds device storage option for touch devices;splash=1
- shows splash screen by default;db=0
- disables Dropbox APIs;gapi=0
- disables Google APIs;od=0
- disables OneDrive APIs;gh=0
- disables GitHub APIs;browser=0
- disables local (browser) storage as a storage location;picker=0
- disables Google picker in Dialogs;analytics=0
- disables Google Analytics.
For more information about available URL parameters, please visit Draw.io support page.
To clone and run this repository you'll need Git and Node.js (which comes with npm) installed on your computer. From your command line:
# Clone repository
git clone https://github.com/MilanG-Ne/DrawTop
# Navigate to folder
cd DrawTop
# Install dependencies
npm install
# Start application
npm start
Note: If you're using Linux Bash for Windows, see this guide or use node
from the command prompt.
From your command line:
# Windows (also known as win32, for both 32/64 bit)
npm run pack-win
# OS X (also known as darwin) / Mac App Store (also known as mas)*
npm run pack-mac
# Linux (for x86, x86_64, and armv7l architectures)
npm run pack-linux
Note: for OS X / MAS target bundles: the .app bundle can only be signed when building on a host OS X platform.
More information about using electron-packager.
- Draw.io website - Draw.io website homepage;
- Draw.io desktop - Official Draw.io desktop application (Google Chrome application, runs offline);
- Draw.io on GitHub - Draw.io on GitHub (source to Draw.io);
- Draw.io add-on - Draw.io add-on for Google Docs;
- Draw.io manual - Draw.io online user manual;
- Draw.io support - Draw.io support homepage.
- electron.atom.io/docs - all of Electron's documentation;
- electron.atom.io/community/#boilerplates - sample starter apps created by the community;
- electron/electron-quick-start - a very basic starter Electron app;
- electron/simple-samples - small applications with ideas for taking them further;
- electron/electron-api-demos - an Electron app that teaches you how to use Electron;
- hokein/electron-sample-apps - small demo apps for the various Electron APIs.