Free Online Flowchart editor
Draw a process as boxes and arrows, animate the flow, and export a still or a GIF. Everything runs in your browser so your files and text stay on this device.
Middle-drag to pan · scroll the canvas · zoom with − / + or Ctrl+scroll · set Width/Height (− Size / + Size / Fit) · edit selection in the right panel · Ctrl+Z / Ctrl+Y undo/redo · Ctrl+D duplicate · Delete removes selection
Log in to save this operation.
Tasks
Sketch a process
Add boxes, drag them into place, then Connect to draw arrows between steps.
Group related steps
Use + Group to wrap boxes in a container. Drag the group to move its contents together.
Export a shareable chart
Export GIF for an animated loop, or PNG / SVG for a still image.
How to use
- Add boxes and rename them with a double-click.
- Turn on Connect and drag from one box to another.
- Select a box or arrow to edit shape, color, label, or elbow routing.
- Export GIF, PNG, or SVG when the chart is ready.
FAQ
What does Flowchart editor do?
Draw a process as boxes and arrows, animate the flow, and export a still or a GIF.
How do I sketch a process?
Add boxes, drag them into place, then Connect to draw arrows between steps.
How do I group related steps?
Use + Group to wrap boxes in a container. Drag the group to move its contents together.
How do I use Flowchart editor?
Add boxes and rename them with a double-click. Turn on Connect and drag from one box to another. Select a box or arrow to edit shape, color, label, or elbow routing. Export GIF, PNG, or SVG when the chart is ready.
Is my data private?
Yes. Work stays in your browser. Content is not sent to a server to run the tool.