Markdown Visualizer

Drag and drop a .md file anywhere on this window to preview it.

Features

• Drop .md files anywhere on the page
• Renders with Tailwind Typography
• System-reactive theme via next-themes
• GitHub Flavored Markdown (tables, task lists, strikethrough)

type Greeting = { name: string; emoji?: string };

function hello({ name, emoji = "👋" }: Greeting) {
  return `${emoji} hi, ${name}`;
}

console.log(hello({ name: "world" }));

pnpm install
pnpm dev

{
  "name": "md",
  "version": "0.1.0",
  "private": true
}

Tip: you can also click Open file to pick one manually.