Back

Markymap

A Markdown mindmap editor built with React. Local-first, no signup required. Write in Markdown and the mindmap updates live with keyboard shortcuts.

Project screenshot placeholder

Problem

Brainstorming and visual note-taking tools often add too much friction: heavy interfaces, signup requirements, and poor Markdown support. Users needed a way to write quickly, see structure instantly, and keep their work without setup overhead.

Solution

Built a split-screen editor that renders Markdown into an interactive mindmap in real time, with local auto-save, import and export support, theme toggling, keyboard shortcuts, and expandable branches for navigating larger idea trees.

Architecture

Next.js 16 App Router + React 19 + TypeScript + Tailwind CSS 4, using Coss UI on top of Base UI for interface primitives, Markmap for SVG mindmap rendering, the Web Audio API for interaction sound design, and Oxlint/Oxfmt for fast code quality workflows.

Stack

  • TypeScript
  • Next.js
  • React
  • Tailwind CSS
  • Coss UI
  • Base UI
  • Markmap
  • Web Audio API
  • Oxlint
  • Oxfmt