Markdown Previewer

A live markdown editor built with vibecoding in ~5 minutes.

Markdown
Preview

Hello Vibecoder!

This is a markdown previewer built with vibecoding.

Features

  • Live preview as you type
  • Supports bold, italic, and inline code
  • Lists, headings, links, and more

Code Block

const greeting = "Hello, world!";

console.log(greeting);

"The best way to predict the future is to vibecode it."

Try editing this text on the left!

Built with this prompt

Build a markdown previewer in React with:
- Split pane: editor on the left, preview on the right
- Live preview that updates as you type
- Support for headings, bold, italic, code blocks, lists, blockquotes, links, and horizontal rules
- Syntax highlighting for code blocks
- Dark theme with clean typography
- Default sample markdown content