# Welcome to the Marknote playground
This is the same rendering pipeline Marknote ships — KaTeX, Mermaid, and
highlight.js — running live in the browser. Edit anything on the left and
the preview updates instantly.
## Math
Inline: $a^2 + b^2 = c^2$. Display:
$$
\int_{0}^{\infty} e^{-x^2}\,dx = \frac{\sqrt{\pi}}{2}
$$
## Code
```csharp
public class Note
{
public string Title { get; set; }
public DateTime Modified { get; set; }
}
```
## Diagrams
```mermaid
flowchart LR
A[Idea] --> B[Draft]
B --> C{Review}
C -->|approve| D[Publish]
C -->|reject| B
```
## Wiki links
Marknote turns `[[Welcome]]` into a real link inside the workspace and
keeps a live backlinks panel. Here, they render as plain text.
## Lists, quotes, tables
- Multi-tab editing
- Live preview with maths and diagrams
- Wiki-linked notes
- Git from the sidebar
> Local-first by design. No accounts, no telemetry, your notes stay on
> your machine.
| Quarter | Theme | Notes |
|-----------|---------------------|-----------------------------------------|
| Q3 2026 | Plugin marketplace | Browse and install community add-ons |
| Q4 2026 | macOS app | Native Mac build of Marknote |
| Q1 2027 | Encrypted vaults | Optional, per-folder, local |
Editing happens entirely in your browser — nothing leaves your machine. Drafts are saved to your browser's
local storage automatically; use Clear or Reset to start over.
