Changelog

v2025.11.14.1 | Improved Style Inheritance & Editable Style Settings

Previously, when a user applied styles to an entire mind map or a branch, the styles were directly written into each keyword. This meant the styles became “hardcoded” and weren’t stored as separate style settings. As a result, the app couldn’t detect whether a map or branch had its own style configuration, which prevented:

• automatic style inheritance for newly created keywords,
• viewing or editing the mind map or branch style settings.

With this update, each mind map and branch now has its own saved style settings. These settings are automatically inherited by their keywords, and users can easily view, update, and manage them at any time.

Oct 22 - Nov 12, 2025 | New App Name & Custom Domain => MappyMind

New Features

• add user display name to mind map water mark
• (2025.11.03.1) add floating settings / menu modal
  • for entire mind map
  • for each individual (selected) keyword (or branch)
• (2025.11.03.3) convert keywords into auto-focused inputs
  • (2025.11.04.1) on double click on existing nodes
  • when new node is added
• (2025.11.05.2) highlight entire branch when selected

Oct 22, 2025

New Features

• convert Mind Map into & show nested list of Keywords along the Mind Map
• visualize keywords hierarchy levels via font size & weight
• enable downloading mind map as a PNG or PDF file with high resolution by default

New In tech Stack

• html2canvas
• jspdf

Oct 21, 2025 | Migration From p5.js To SVG

Features

• ...same as in October 5, 2025 version, but rewritten from p5.js to SVG +
• keywords are just HTML spans (wrapped in React, of course), so they're
  • easier to control,
  • better for SEO & semantic HTML
  • real text/ content, not an image
• lines (curves) are created using SVG elements, also managed by React,
• cleaner code
• 1 big dependency less
• no ongoing loops of p5.js draw function, so no browser overload

Tech Stack

• Next.js
• React
• TypeScript
• SVG
• HTML
• CSS
• Bootstrap
• React Bootstrap
• Firebase
  • Auth
  • RTDB

Oct 5, 2025 | Next.js TypeScript p5.js Integration Rewrite

Features

• ...same as in 2021 - 5th October 2025 version, but more efficient +
• resize mind map, but same format / proportions (A4 paper-like)
• more friendly UI for editor
• user mind maps page (gallery)
• 2 kinds of mind maps p5 sketch component:
  • static (no loop) for presentation, which resulted in better performance
  • dynamic/animated (loop) for editor to dynamically react on state changes
• RWD
• static SEO-friendly docs pages
• clean organized & modularized project structure
• types safety
• dark mode
• custom subdomain
• deployed on Vercel
• fixed all previous bugs 😎

Tech Stack

• Next.js
• React
• TypeScript
• p5.js
• HTML
• CSS
• Bootstrap
• React Bootstrap
• Firebase
  • Auth
  • RTDB

Jul 4, 2021 - Oct 5, 2025 | Vanilla p5.js Version

Features

• user authentication
• full mind map CRUD operations with Firebase RTDB
• add with one click & drag keywords in any place inside the mind map canvas
• customize mind map & keyword background, font, line & border colors using color picker
• saving mind map as a PNG file with one click
• fixed mind map size (640px x 640*1.414px) & format / proportions (A4 paper-like)
• deployed as Github Pages of the previous (currently legacy) public repo
• no RWD, no resizing, no static SEO-friendly docs pages, a lot of bugs... 😂

Tech Stack

• HTML
• CSS
• JavaScript
• jQuery
• p5.js library
• Bootstrap
• Firebase
  • Auth
  • RTDB