Relationship Web Builder

Map the connections between people, characters, organizations, and ideas. Build beautiful relationship webs with rich profiles, media, and custom styling — then export or share them.

🕸️ Building Your Web

  • Double-click the canvas to add a new node
  • Click a node to select it and edit its profile
  • Drag nodes to reposition them freely
  • Right-click a node for more options
  • Use the Connect tool then click two nodes to link them
  • Click any connection line to label or style it

👤 Character Profiles

  • Every node has a full profile page
  • Add name, role, description, and source material
  • Attach tags for filtering and categorization
  • Upload photos, audio clips, and video files
  • Each profile stores unlimited media
  • Click the profile icon or double-click a node name to open

🎨 Themes & Styling

  • Choose from 6 built-in color themes
  • Customize accent colors and fonts
  • Set any image as a canvas background
  • Change node shapes: circle, square, heart, star, hexagon…
  • Import custom SVG shapes and border styles
  • Resize nodes individually

📤 Import & Export

  • Export entire project as self-contained HTML
  • Export / import as JSON data files
  • Export individual webs or character profiles
  • Import JSON to restore or merge a web
  • All media is embedded — no external files needed
  • Share the HTML file with anyone

⌨️ Keyboard Shortcuts

  • Del Delete selected node or edge
  • Esc Deselect / cancel mode
  • Ctrl+Z Undo last action
  • Ctrl+A Select all nodes
  • Ctrl+D Duplicate selected node
  • Scroll Zoom in / out
  • Space+Drag Pan canvas

📐 Templates

  • Family Tree — multi-generation family structure
  • Friend Group — platonic social circle
  • Organization Chart — hierarchical team structure
  • Story Cast — fictional character web with factions
  • Academic Network — researcher collaboration map
  • Or start from a blank canvas
👤 Edit Profile
🔗 Connect from Here
📋 Duplicate
🗑 Delete Node