5b:I[473921,["/creators-assets/_next/static/immutable/chunks/2bxtessbrg0z1.js","/creators-assets/_next/static/immutable/chunks/0lpbs3388m8i9.js","/creators-assets/_next/static/immutable/chunks/1cyyov0z5q-kt.js","/creators-assets/_next/static/immutable/chunks/3283ev4bymz-y.js","/creators-assets/_next/static/immutable/chunks/1tyeiicl34tqo.js","/creators-assets/_next/static/immutable/chunks/24bk4ojcoor5n.js","/creators-assets/_next/static/immutable/chunks/19vaojedolulr.js","/creators-assets/_next/static/immutable/chunks/1zalsqf-ioaic.js","/creators-assets/_next/static/immutable/chunks/00hohn9l3ocx9.js","/creators-assets/_next/static/immutable/chunks/09klh1t314i6_.js","/creators-assets/_next/static/immutable/chunks/0vxt9zvn936s0.js","/creators-assets/_next/static/immutable/chunks/1eyot9c9uwocm.js","/creators-assets/_next/static/immutable/chunks/15qb5jvtj_j-a.js","/creators-assets/_next/static/immutable/chunks/3p2-jhwmdt2w4.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/102julo6bufcv.js","/creators-assets/_next/static/immutable/chunks/2e-sz6cfsc9_9.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/3uo-268z2xnq9.js","/creators-assets/_next/static/immutable/chunks/3fujn21cf_mt1.js","/creators-assets/_next/static/immutable/chunks/2ypcsbrcjzeke.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3nnozhk_k4v6s.js","/creators-assets/_next/static/immutable/chunks/2ch5kewqiwntv.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/3xmobvbzj3637.js","/creators-assets/_next/static/immutable/chunks/26fs9mkd8gzie.js","/creators-assets/_next/static/immutable/chunks/0toe1wcov_38e.js","/creators-assets/_next/static/immutable/chunks/21ae0xqjlej6m.js","/creators-assets/_next/static/immutable/chunks/3xnhxg14xjx1h.js","/creators-assets/_next/static/immutable/chunks/0q4_4jbe5r70f.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/2warb3xv9rce7.js","/creators-assets/_next/static/immutable/chunks/1tvhyiuh-gmez.js","/creators-assets/_next/static/immutable/chunks/3un-l23eued0s.js","/creators-assets/_next/static/immutable/chunks/0u_jiik6ovv_e.js","/creators-assets/_next/static/immutable/chunks/3nd1mzwm7q_f7.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js"],"PostDetailCard"] 5c:T7f6,

■ 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 72 hours.

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.

58:[["$","$L5b",null,{"post":{"id":"01a11fcd-97db-7461-985a-2b5320ef9f1c","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[],"resources":[{"id":"OG2oylbSVRrUpJMg3PpK","resolved":true,"title":"08 Mind Map","body":"$5c","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"■ What it does"}]},{"type":"paragraph","content":[{"type":"text","text":"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."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Perfect for brand keyword maps, service structures, site maps, course outlines and idea brainstorms."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ Customizable properties"}]},{"type":"paragraph","content":[{"type":"text","text":"- Nodes — text, parent, color and an optional note for each idea"}]},{"type":"paragraph","content":[{"type":"text","text":"- Layout — Radial, Left-Right (balanced) or Right-only"}]},{"type":"paragraph","content":[{"type":"text","text":"- Shape & Node Style — Pill or Rounded, Solid or Outline"}]},{"type":"paragraph","content":[{"type":"text","text":"- Node Size, Level Gap, Sibling Gap, Max Width — fine-tune the spacing"}]},{"type":"paragraph","content":[{"type":"text","text":"- Expanded Levels & Collapsible — click a branch to fold or unfold it (+N shows what's hidden)"}]},{"type":"paragraph","content":[{"type":"text","text":"- Hover Focus — hover any idea to light up its whole branch"}]},{"type":"paragraph","content":[{"type":"text","text":"- Show Notes — notes appear as a tooltip on hover"}]},{"type":"paragraph","content":[{"type":"text","text":"- Fit — Shrink, Fit or Scroll, so big maps never break on mobile"}]},{"type":"paragraph","content":[{"type":"text","text":"- Branch Colors, Style and two Fonts — match your brand"}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ Why this component"}]},{"type":"paragraph","content":[{"type":"text","text":"- Built from a flat list: just type the parent's name — the map updates itself."}]},{"type":"paragraph","content":[{"type":"text","text":"- Child branches inherit their parent's color, so even big maps stay easy to read."}]},{"type":"paragraph","content":[{"type":"text","text":"- Fold what you don't need and let Hover Focus guide the eye through a branch."}]},{"type":"paragraph","content":[{"type":"text","text":"- Keyboard and screen-reader friendly, with reduced-motion support."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ Need help?"}]},{"type":"paragraph","content":[{"type":"text","text":"Reach out anytime at hello@brandingupstudio.com — we usually reply within 72 hours."}]},{"type":"paragraph","content":[{"type":"text","text":"Custom edits are available from $75/hr."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"■ More resources"}]},{"type":"paragraph","content":[{"type":"text","text":"Explore more components at BrandingUp → "},{"type":"text","text":"https://brandingupstudio.com","marks":[{"type":"link","attrs":{"href":"https://brandingupstudio.com","target":"_blank","rel":"noopener noreferrer nofollow"}}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Built with code but fully customizable via property controls — no coding needed."}]},{"type":"paragraph","content":[{"type":"text","text":"Unlink is not provided so we can keep delivering updates. When an update is available, just click the Update button on the component."}]}]},"introduction":"Auto-layout collapsible mind map","slug":"08-mind-map","author":{"framerUserId":"cc7993de-4f5d-4209-b3f0-695614bf8a8b","name":"BrandingUp","slug":"-ds491f","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/55t3m3ms","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/cc7993de-4f5d-4209-b3f0-695614bf8a8b/01a11fcd-36a7-74ce-9774-a212c97bb8e2.jpg","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-10-09T08:35:29.195Z","updatedAt":"2026-10-09T09:05:39.916Z","publishedAt":"2026-10-09T08:35:29.189Z","featuredAt":null,"approvedAt":null,"type":"component","attributes":{"url":null,"previewUrl":"https://small-convention-270138.framer.app/mind-map","price":"12","paymentUrl":"https://brandingup.lemonsqueezy.com/checkout/buy/e8732b68-970a-42f9-b677-f29c7da7b5e1","workshop":false,"categories":[{"id":"51314a1b-a5bd-4ae8-acf0-bd3d5058c367","name":"Charts","slug":"charts"}],"lastSaveId":"3CcfJj8BJQ6lvPD5z6W5","tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":0,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-10-09T08:35:29.883Z","updatedAt":"2026-10-09T08:35:29.883Z","reported":false,"type":"post"}}],"$L5d"]

Suggested for you