MarkBloom

Create beautiful PDFs from Markdown — styled with Tailwind CSS. Write in the editor, preview instantly, and export to PDF with a single click.

Getting Started

MarkBloom supports the full range of Markdown syntax. This document showcases every supported element so you can see how they render.

Inline Formatting

You can write bold, italic, and bold italic text. Use inline code for technical terms like useState or next.config.ts. Links work too — check out GitHub for more.

Lists

Unordered List

• Live preview with instant rendering
• One-click PDF export
• Multiple page sizes: A4, Letter, Legal
• Syntax highlighting for 100+ languages
• Clean, modern typography

Ordered List

1. Write your content in Markdown
2. Preview the formatted output in real-time
3. Adjust the page size if needed
4. Click Export PDF to generate your document

Checklist

• Markdown editor with syntax support
• Live preview panel
• PDF export functionality
• Page size selection
• Custom theme support
• Template library

Code Blocks

Syntax highlighting is powered by Shiki with the GitHub Dark theme.

interface Document {
  title: string;
  content: string;
  createdAt: Date;
}

function createDocument(title: string, content: string): Document {
  return {
    title,
    content,
    createdAt: new Date(),
  };
}

const doc = createDocument("My Report", "# Hello World");
console.log(doc.title); // "My Report"

from dataclasses import dataclass
from datetime import datetime

@dataclass
class Document:
    title: str
    content: str
    created_at: datetime = datetime.now()

    def word_count(self) -> int:
        return len(self.content.split())

doc = Document("My Report", "Hello World")
print(f"{doc.title}: {doc.word_count()} words")

Tables

Blockquotes

"Simplicity is the ultimate sophistication." — Leonardo da Vinci

Tip: You can nest any Markdown syntax inside blockquotes, including bold text, inline code, and links.

Images

Horizontal Rules

Use three dashes to create a horizontal rule and separate sections visually.

Heading Level 3

This is a paragraph under a level-3 heading. It demonstrates the typographic hierarchy that MarkBloom applies to your documents. Each heading level has distinct sizing and weight to create a clear visual structure.

Created with MarkBloom