100% Client-Side

Write Markdown.
See it live.

A real-time markdown editor with syntax highlighting, diagrams and math.

No server No tracking No account
Get started Free & open source
CodeInk
Editor Split Preview
EDITOR
Markdown
# Welcome to CodeInk
A real-time **Markdown editor** with
syntax highlighting and diagrams.
```typescript
interface User {
  id: string
  name: string
}
```
PREVIEW
Live
Welcome to CodeInk
A real-time Markdown editor with syntax highlighting and diagrams.
interface User {
  id: string
  name: string
}
12 lines 24 words 148 chars
Saved locally

Built with

  • Astro
  • Tailwind CSS
  • TypeScript
  • Mermaid Mermaid

Powered by industry-leading open source libraries.

Syntax highlighting

TextMate-grade accuracy via Shiki. 16+ languages with One Dark Pro theme.

Mermaid diagrams

Flowcharts, sequence diagrams, Gantt charts — rendered live as you type.
∑

KaTeX math

Inline and block math with full LaTeX support. From simple equations to complex notation.

Code blocks

Beautiful code block UI components by @pheralb. Copy-paste ready and customizable.

CodeMirror editor

Full-featured code editing with markdown mode, bracket matching, search, and autocomplete.

Marked

Fast markdown parser and compiler. Built for speed and compatibility.