Documentation

A guide to every feature in Logic Bubble App.

Getting Started

  1. Register an account or log in.
  2. Click + New Project from the Dashboard, or open the Editor directly.
  3. Paste or type text into the Input Text panel and click Submit Text.
  4. In the Source Text panel, select any phrase and press Enter (or click the floating Extract Bubble button) to create a bubble.
  5. Connect bubbles, insert dot nodes, and build your logic map.
  6. Save your project with Ctrl+S or the Save button.

Bubbles

Create — Select text in the Source panel and press Enter, or use the floating Extract button.

Move — Drag a bubble freely. Bubbles snap to aligned positions within 8 px of another bubble.

Edit — Double-click or press F2 to edit text inline.

Merge — Drag one bubble onto another to combine their text.

Fill Color — Select a bubble, press C or right-click → Set Color.

Delete — Select, then press Del, or right-click → Delete.

Connections

Connect mode — Press S to enter Connect mode (topbar shows CONNECT). Click a source node, then a target node to draw an arrow.

Straight / Curve — Select a line and press Shift+S to toggle. Or right-click a line → Toggle Straight / Curve.

Reroute — Drag the handle at the arrow tip (or tail) to change where the connection ends (or starts).

Remove by drag — Drag a handle to empty canvas space to delete the connection (undoable).

Dot Nodes

Insert — Press . or use Edit → Add Dot Node to place a junction dot.

When a line is selected, pressing . splits it at the midpoint.

When a bubble is selected, pressing . adds a dot below it with a line already drawn.

Canvas Controls

Zoom — Scroll the mouse wheel over the canvas (0.2× – 3×).

Pan — Hold Space and drag, or use the middle mouse button.

Snap align — While dragging a bubble, it snaps to the X or Y axis of a nearby bubble (within 8 px). Dashed guide lines appear.

Keyboard Shortcuts

Key Action
S Toggle Connect / Select mode
C Open Fill Color panel (bubble selected)
Shift+S Toggle straight / curve line
. Insert dot node
Del / Backspace Delete selected node
F2 Edit selected bubble
Enter Extract selected text / Edit selected bubble
Ctrl+S Save project
Ctrl+Z Undo
Esc Cancel / close panels
? Toggle keyboard shortcut help
Wheel Zoom canvas in / out
Space + drag Pan canvas

Project Management

Save — Name your project in the topbar and press Ctrl+S or the Save button. Subsequent saves update the same record (no duplicates).

Export PNG — File → Export PNG captures the entire canvas as a high-resolution image.

Export JSON — File → Export JSON downloads the full project (text + graph) as a JSON file.

Import JSON — File → Import JSON loads a previously exported JSON file as a new project.

Delete — On the Dashboard, click the × button next to any project to remove it.