example.md

Welcome to Markdown Viewer

A beautiful, book-like markdown viewer with an interactive table of contents.

Features

Syntax Highlighting

Code blocks are beautifully highlighted:

interface User {
  id: string;
  name: string;
  email: string;
}

function greet(user: User): string {
  return `Hello, ${user.name}!`;
}

Multiple Languages

def fibonacci(n: int) -> int:
    if n <= 1:
        return n
    return fibonacci(n - 1) + fibonacci(n - 2)

# Install dependencies
bun install

# Build the project
bun run build

Table of Contents

The sidebar on the left shows all headings. Hover over the left edge to expand it!

Navigation

Click on any heading in the table of contents to jump to that section. The current section is highlighted as you scroll.

Tabs

Open multiple markdown files and switch between them using the tabs at the top.

Typography

The viewer uses a beautiful serif font with generous line-height for comfortable reading, just like a book.

Blockquotes are styled elegantly, perfect for quotations or callouts.

Lists work great too:

• First item
• Second item
• Third item with bold and italic text

And numbered lists:

1. Step one
2. Step two
3. Step three

Conclusion

Enjoy reading your markdown files in style!