🧠

Mind Map from a List

Type an indented list – get a clean mind map as SVG.

Indented list (first line = center)

Result

<svg xmlns="http://www.w3.org/2000/svg" width="787" height="210" viewBox="0 0 787 210" font-family="system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif"><rect width="100%" height="100%" fill="#ffffff"/><path d="M488.6,105.0 C511.6,105.0 511.6,71.0 534.6,71.0" fill="none" stroke="#2563eb" stroke-width="4" stroke-linecap="round"/><path d="M488.6,105.0 C511.6,105.0 511.6,156.0 534.6,156.0" fill="none" stroke="#16a34a" stroke-width="4" stroke-linecap="round"/><path d="M253.8,105.0 C230.8,105.0 230.8,54.0 207.8,54.0" fill="none" stroke="#d97706" stroke-width="4" stroke-linecap="round"/><path d="M253.8,105.0 C230.8,105.0 230.8,139.0 207.8,139.0" fill="none" stroke="#db2777" stroke-width="4" stroke-linecap="round"/><path d="M623.7,71.0 C646.7,71.0 646.7,37.0 669.7,37.0" fill="none" stroke="#2563eb" stroke-width="2.4" stroke-linecap="round"/><path d="M623.7,71.0 C646.7,71.0 646.7,71.0 669.7,71.0" fill="none" stroke="#2563eb" stroke-width="2.4" stroke-linecap="round"/><path d="M623.7,71.0 C646.7,71.0 646.7,105.0 669.7,105.0" fill="none" stroke="#2563eb" stroke-width="2.4" stroke-linecap="round"/><path d="M614.4,156.0 C637.4,156.0 637.4,139.0 660.4,139.0" fill="none" stroke="#16a34a" stroke-width="2.4" stroke-linecap="round"/><path d="M614.4,156.0 C637.4,156.0 637.4,173.0 660.4,173.0" fill="none" stroke="#16a34a" stroke-width="2.4" stroke-linecap="round"/><path d="M132.2,54.0 C109.2,54.0 109.2,37.0 86.2,37.0" fill="none" stroke="#d97706" stroke-width="2.4" stroke-linecap="round"/><path d="M132.2,54.0 C109.2,54.0 109.2,71.0 86.2,71.0" fill="none" stroke="#d97706" stroke-width="2.4" stroke-linecap="round"/><path d="M146.7,139.0 C123.7,139.0 123.7,105.0 100.7,105.0" fill="none" stroke="#db2777" stroke-width="2.4" stroke-linecap="round"/><path d="M146.7,139.0 C123.7,139.0 123.7,139.0 100.7,139.0" fill="none" stroke="#db2777" stroke-width="2.4" stroke-linecap="round"/><path d="M146.7,139.0 C123.7,139.0 123.7,173.0 100.7,173.0" fill="none" stroke="#db2777" stroke-width="2.4" stroke-linecap="round"/><rect x="534.6" y="57.0" width="89.2" height="28" rx="14" fill="#2563eb"/><text x="579.1" y="76.0" text-anchor="middle" font-size="16" font-weight="700" fill="#fff">Content</text><text x="700.7" y="33.0" text-anchor="middle" font-size="14" fill="#1f2937">Texts</text><line x1="669.7" y1="37.0" x2="731.8" y2="37.0" stroke="#2563eb" stroke-width="2"/><text x="704.6" y="67.0" text-anchor="middle" font-size="14" fill="#1f2937">Photos</text><line x1="669.7" y1="71.0" x2="739.5" y2="71.0" stroke="#2563eb" stroke-width="2"/><text x="702.8" y="101.0" text-anchor="middle" font-size="14" fill="#1f2937">Videos</text><line x1="669.7" y1="105.0" x2="736.0" y2="105.0" stroke="#2563eb" stroke-width="2"/><rect x="534.6" y="142.0" width="79.8" height="28" rx="14" fill="#16a34a"/><text x="574.5" y="161.0" text-anchor="middle" font-size="16" font-weight="700" fill="#fff">Launch</text><text x="711.0" y="135.0" text-anchor="middle" font-size="14" fill="#1f2937">Newsletter</text><line x1="660.4" y1="139.0" x2="761.6" y2="139.0" stroke="#16a34a" stroke-width="2"/><text x="713.5" y="169.0" text-anchor="middle" font-size="14" fill="#1f2937">Social media</text><line x1="660.4" y1="173.0" x2="766.5" y2="173.0" stroke="#16a34a" stroke-width="2"/><rect x="132.2" y="40.0" width="75.6" height="28" rx="14" fill="#d97706"/><text x="170.0" y="59.0" text-anchor="middle" font-size="16" font-weight="700" fill="#fff">Design</text><text x="53.1" y="33.0" text-anchor="middle" font-size="14" fill="#1f2937">Colors</text><line x1="20.0" y1="37.0" x2="86.2" y2="37.0" stroke="#d97706" stroke-width="2"/><text x="55.2" y="67.0" text-anchor="middle" font-size="14" fill="#1f2937">Fonts</text><line x1="24.2" y1="71.0" x2="86.2" y2="71.0" stroke="#d97706" stroke-width="2"/><rect x="146.7" y="125.0" width="61.2" height="28" rx="14" fill="#db2777"/><text x="177.2" y="144.0" text-anchor="middle" font-size="16" font-weight="700" fill="#fff">Tech</text><text x="63.7" y="101.0" text-anchor="middle" font-size="14" fill="#1f2937">Hosting</text><line x1="26.7" y1="105.0" x2="100.7" y2="105.0" stroke="#db2777" stroke-width="2"/><text x="74.5" y="135.0" text-anchor="middle" font-size="14" fill="#1f2937">CMS</text><line x1="48.3" y1="139.0" x2="100.7" y2="139.0" stroke="#db2777" stroke-width="2"/><text x="75.8" y="169.0" text-anchor="middle" font-size="14" fill="#1f2937">SEO</text><line x1="50.9" y1="173.0" x2="100.7" y2="173.0" stroke="#db2777" stroke-width="2"/><rect x="253.8" y="81.0" width="234.7" height="48" rx="24" fill="#111827"/><text x="371.2" y="112.0" text-anchor="middle" font-size="22" font-weight="800" fill="#fff">Website relaunch</text></svg>

Runs entirely in your browser. Nothing is sent anywhere.

How it works

1Paste or type your text.
2Choose the options you need.
3Copy or download the result.

About this tool

Mind Map from a List: Type an indented list – get a clean mind map as SVG. Paste your text and the result appears immediately, ready to copy or download. Everything happens locally in your browser — nothing you paste is uploaded or stored.

Example

Input

Website relaunch
  Content
    Texts
    Photos
    Videos
  Design
    Colors
    Fonts
  Tech
    Hosting
    CMS
    SEO
  Launch
    Newsletter
    Social media

Output

<svg xmlns="http://www.w3.org/2000/svg" width="787" height="210" viewBox="0 0 787 210" font-family="system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif"><rect width="100%" height="100%" fill="#ffffff"/><path d="M488.6,105.0 C511.6,105.0 511.6,71.0 534.6,71.0" fill="none" stroke="#2563eb" stroke-width="4" stroke-linecap="round"/><path d="M488.6,105.0 C511.6,105.0 511.6,156.0 534.6,156.0" fill="none" stroke="#16a34a" stroke-width="4" stroke-linecap="round"/><path d="M253.8,105.0 C230.8,105.0 230.8,54.0 207.8,54.0" fill="none" stroke="#d97706" stroke-width="4" stroke-linecap="round"/><p…

How do I use the Mind Map from a List?

Paste or type your text. Choose the options you need. Copy or download the result.

Is the Mind Map from a List free?

Yes. It is completely free with no sign-up, no usage limits and no watermark.

Is my data sent to a server?

No. Everything is calculated locally in your browser. Nothing you enter is uploaded, logged or stored.

Does it work on my phone?

Yes. It works in any modern browser on Android, iPhone, iPad, Windows, Mac and Linux — no app needed.

Mind Map from a List

How it works

About this tool

Example

Related tools