DarnlyMarkdown preview: see it like GitHub shows it
Type Markdown and watch it turn into a formatted page on the right, with tables, checklists and colored code. Copy it into Notion or Docs, or download it as HTML.
Free from Darnly. Spot a bug in the app you're building? Darnly hands it to Claude Code, Codex or Cursor in one key.Add to Chrome
🔒 Your text stays in your browser. Nothing is uploaded.
Starting a README from nothing? The README generator writes one from a few answers, then bring it back here to polish it.
Markdown cheat sheet
| Type this | To get |
|---|---|
# Title, ## Section | Headings (big to small, up to ######) |
**bold**, _italic_, ~~gone~~ | bold, italic, |
[Darnly](https://darnly.dev) | A link |
 | An image |
- item or 1. item | A bullet or numbered list |
- [ ] todo, - [x] done | A checklist |
`code` | Code inside a sentence |
```js … ``` | A code block with colors (name the language after the backticks) |
> quote | A quote |
> [!NOTE] (or TIP, IMPORTANT, WARNING, CAUTION) | A colored note box |
| a | b | then | --- | --- | | A table |
--- | A divider line |
See the HTML code
The safe HTML your Markdown turns into. Scripts and other risky tags are already removed.
More free tools
See all 89 tools- JSON to TypeScriptPaste JSON and get TypeScript types and a Zod schema, with optional fields found for you.
- Diff checkerCompare two texts side by side and see every added, removed and changed word. Nothing is uploaded.
- px to rem converterpx to rem and back, live, with the matching Tailwind class and a ruler at real size.
How it works
- Type or paste Markdown on the left. The preview on the right shows it the way GitHub would: headings, tables, checklists, code with colors and
> [!NOTE]boxes. - Not sure of the symbols? Use the buttons above the editor for bold, links, tables, checklists and more. Ctrl+B, Ctrl+I and Ctrl+K work too (⌘ on a Mac). Tick a checklist box in the preview and it ticks in your text.
- When it looks right, press Copy for Notion or Docs to paste it with formatting, Download HTML for a web page, or Download .md to save it as your README.
Questions
What is Markdown?
Markdown is plain text with a few symbols for formatting: # for a heading, **bold**, - for a list and [text](link) for a link. GitHub READMEs, Notion, Discord, Reddit and most AI tools use it, which is why Claude and ChatGPT answer in it.
Will it look the same on GitHub?
Very close. The preview follows GitHub Flavored Markdown: tables, task lists, strikethrough, auto links, fenced code blocks and alerts like > [!NOTE] and > [!WARNING]. Fonts and exact spacing differ a little, and GitHub-only extras like emoji shortcodes, @mentions and Mermaid diagrams show as plain text here.
Is my text uploaded?
No. Everything happens in your browser. Your draft is kept only in this browser so it’s still here if you close the tab; press Clear to remove it. Images you link to are loaded from wherever they live, like any web page.
Why did my <script> or <iframe> disappear?
For safety, the preview keeps only harmless HTML: things like <details>, <kbd>, <sup> and <img>. Scripts, iframes, styles and forms are removed, and so are javascript: links. GitHub does the same, so what you see is what your README will show.
How do I paste it into Notion or Google Docs?
Press Copy for Notion or Docs, then paste. Headings, bold, lists, links, tables and code keep their formatting. Notion also understands plain Markdown, so Copy Markdown works there too.
How do I make a README for my project?
Save your text as a file called README.md in the top folder of your project (press Download .md), then commit and push it. GitHub shows it on your repository’s front page. You can also ask your AI agent: “Create README.md with this content”.