Markdown Now

A minimal, live markdown editor. Type on the left, see the preview on the right — instantly.

markdown-now.vercel.app

Features

• Live preview — renders as you type, no delay
• CodeMirror editor — syntax highlighting, keyboard shortcuts, search & replace
• GitHub Flavored Markdown — tables, task lists, strikethrough, autolinks
• Mermaid diagrams — flowcharts, sequence diagrams, and more
• Raw HTML — <details>, <mark>, and other HTML tags rendered inline
• Templates — README, Blog Post, Meeting Notes, Cheatsheet, Employment Certificate
• Auto-save — content persists in localStorage across sessions
• Dark / light mode — toggle with a click, preference saved locally
• PDF export — print-optimized layout via Save as PDF
• Mobile responsive — tabbed editor/preview with touch-friendly UI

Tech Stack

• React 19
• TanStack Router
• Tailwind CSS v4
• CodeMirror 6
• react-markdown + remark-gfm + remark-breaks
• rehype-highlight + rehype-raw
• Mermaid
• Inter + Geist Mono

Getting Started

npm install
npm run dev

Runs at localhost:3000.

Build

npm run build
npm run preview

Tests

npm run test

License

MIT