What is Draggable?
Draggable is a free, open-source drag-and-drop tool that lets you visually map out processes, brainstorm ideas, or arrange snippets of information. Its flexible interface makes it equally suitable for quick diagrams and in-depth visual thinking sessions.
Connecting boxes
Triple-click a box, then triple-click another box, to draw a directed arrow between them. The line bends around any other boxes in its path. Press Esc to cancel.
Click an arrow to select it, then use the Toggle arrowhead button in the control panel to switch between an arrow and a plain line. Pressing Delete with an arrow selected removes it. Arrows are saved with the template and survive export and re-import.
Power users can also drag the small blue dot on a selected box's right edge to another box.
Get Started Quickly
Not sure where to begin? Try the custom ChatGPT model Draggable Templates. It helps you create templates and layouts that can be imported directly into Draggable.
Privacy
Draggable runs entirely in your browser. There are no cookies, no analytics, no third-party tracking, and no account required. Your boxes and templates are stored only in your browser's local storage and never leave your device.
Clearing your browser's site data for this domain will remove your saved templates. Use the Export button in the control panel to keep your own backup.
License
Draggable is open source under the MIT License. You are free to use, copy, modify, and redistribute it, including for commercial purposes. Source is available on GitHub.
Why Choose Draggable?
- Simple, intuitive drag-and-drop interface
- Free and open source
- Works on desktop and touch devices
- Customisable layouts and named templates
- Export and import templates as XML
- Runs entirely in your browser — no install, no account, no tracking
Need Help?
Open an issue on GitHub.
One more thing
Also try the iridescent octopus — a small WebGL graphics demo that lives on this domain.