Markdown Preview & Converter
Live split-pane Markdown editor with GitHub Flavoured Markdown support. Export to HTML, toggle dark preview, and generate README templates for Laravel packages, npm modules, and CLI tools.
How to use the Markdown Preview
Type or paste Markdown in the left pane - the rendered HTML preview updates instantly on the right. Load a starter template (Laravel Package, npm Module, CLI Tool) to get a ready-to-edit README. Toggle dark preview to see how your content looks on a dark background. Copy the rendered HTML or download it as a self-contained .html file.
Markdown syntax reference
This tool uses the marked library, which follows the CommonMark spec. Supported elements include headings (# H1 through ######), bold (**bold**), italic (*italic*), inline code (`code`), fenced code blocks, links, images, tables, and blockquotes. HTML output is sanitised via DOMPurify to remove unsafe tags and attributes.
Using Markdown in Laravel
Laravel ships with the Str::markdown() helper (backed by the league/commonmark package). Pass any Markdown string and receive sanitised HTML: Str::markdown('# Hello'). For Blade templates use the @markdown directive (available via graham-campbell/markdown) or render via a Livewire component for real-time previews.