https://github.com/stackoverprof/markdown-now
https://github.com/stackoverprof/markdown-now
Last synced: 4 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/stackoverprof/markdown-now
- Owner: stackoverprof
- Created: 2026-02-25T12:52:11.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2026-02-25T15:56:53.000Z (4 months ago)
- Last Synced: 2026-02-25T19:14:24.378Z (4 months ago)
- Language: TypeScript
- Homepage: https://markdown-now.vercel.app
- Size: 505 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Markdown Now
A minimal, live markdown editor. Type on the left, see the preview on the right — instantly.
**[markdown-now.vercel.app](https://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** — ``, ``, 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](https://react.dev) 19
- [TanStack Router](https://tanstack.com/router)
- [Tailwind CSS](https://tailwindcss.com) v4
- [CodeMirror](https://codemirror.net) 6
- [react-markdown](https://github.com/remarkjs/react-markdown) + [remark-gfm](https://github.com/remarkjs/remark-gfm) + [remark-breaks](https://github.com/remarkjs/remark-breaks)
- [rehype-highlight](https://github.com/rehypejs/rehype-highlight) + [rehype-raw](https://github.com/rehypejs/rehype-raw)
- [Mermaid](https://mermaid.js.org)
- [Inter](https://rsms.me/inter/) + [Geist Mono](https://vercel.com/font)
## Getting Started
```bash
npm install
npm run dev
```
Runs at [localhost:3000](http://localhost:3000).
## Build
```bash
npm run build
npm run preview
```
## Tests
```bash
npm run test
```
## License
MIT