What it does
Add your ideas, type which one each belongs to, and Mind Map builds the whole diagram for you — branches, curved connectors and spacing are laid out automatically. No manual positioning, no nested frames.
Perfect for brand keyword maps, service structures, site maps, course outlines and idea brainstorms.
Customizable properties
- Nodes — text, parent, color and an optional note for each idea
- Layout — Radial, Left-Right (balanced) or Right-only
- Shape & Node Style — Pill or Rounded, Solid or Outline
- Node Size, Level Gap, Sibling Gap, Max Width — fine-tune the spacing
- Expanded Levels & Collapsible — click a branch to fold or unfold it (+N shows what's hidden)
- Hover Focus — hover any idea to light up its whole branch
- Show Notes — notes appear as a tooltip on hover
- Fit — Shrink, Fit or Scroll, so big maps never break on mobile
- Branch Colors, Style and two Fonts — match your brand
Why this component
- Built from a flat list: just type the parent's name — the map updates itself.
- Child branches inherit their parent's color, so even big maps stay easy to read.
- Fold what you don't need and let Hover Focus guide the eye through a branch.
- Keyboard and screen-reader friendly, with reduced-motion support.
Need help?
Email hello@brandingupstudio.com — we usually reply within 72 hours. Custom edits are available from $75/hr.
