08 Mind Map

■ 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?

Reach out anytime at hello@brandingupstudio.com — we usually reply within 1 business day.

Custom edits are available from $75/hr.

■ More resources

Explore more components at BrandingUp → https://brandingupstudio.com

Built with code but fully customizable via property controls — no coding needed.

Unlink is not provided so we can keep delivering updates. When an update is available, just click the Update button on the component.