Markdown Preview
Write and preview Markdown with real-time rendering. Supports GitHub Flavored Markdown with syntax highlighting for code blocks.
100% client-side. Your data never leaves your browser.
Preview will appear here as you type...
In Laravel
Laravel renders Markdown with Str::markdown(). It uses the league/commonmark package with GitHub Flavored Markdown, so tables, task lists, strikethrough and autolinks work like they do in this preview.
Raw HTML in the Markdown is allowed by default. GitHub Flavored Markdown escapes a few tags such as <script>, but an <img onerror> attribute and a javascript: link pass through. For text your users write, strip both:
use Illuminate\Support\Str;
$html = Str::markdown($comment->body, [
'html_input' => 'strip',
'allow_unsafe_links' => false,
]);
// In the Blade view: {!! $html !!}
Laravel also writes emails in Markdown. php artisan make:mail OrderShipped --markdown=mail.orders.shipped creates a mailable with a Markdown template that uses Laravel's mail components.
Laravel 13.x docs: Str::markdown(), Markdown mailables
Real-Time Preview
See your Markdown rendered instantly as you type. No need to click any buttons.
Syntax Highlighting
Code blocks are automatically highlighted for 180+ programming languages.
100% Private
All processing happens in your browser. Your content is never sent to any server.
Markdown Quick Reference
Text Formatting
**bold** → bold*italic* → italic~~strike~~ → `code` → codeHeadings
# Text → Heading 1## Text → Heading 2### Text → Heading 3Links & Images
 → embedded imageLists
- item → • bullet point1. item → 1. numbered- [x] done → done- [ ] todo → todoCode Blocks
```javascriptconst x = 1;```syntax highlightedOther
> text → blockquote--- → hr| A | B | → tableRelated Tools
Need something custom built?
I build custom Laravel tools, web apps, and SaaS platforms. If you need something beyond off-the-shelf, let's talk.
ContactFrequently Asked Questions
Will my README look the same on GitHub?
Mostly. This preview uses GitHub Flavored Markdown, so headings, tables, task lists, code blocks and strikethrough match. GitHub adds a few things on top that this preview does not render: alert blocks such as > [!NOTE], Mermaid diagrams, footnotes, and emoji codes such as :rocket:. GitHub also links @mentions and issue numbers.
Can I use HTML inside Markdown?
Yes. Markdown allows raw HTML, and this preview shows it as written. Where it ends up matters: GitHub removes unsafe HTML such as scripts and event attributes, and Laravel's Str::markdown() keeps it unless you strip it. See the section above for the safe options.