📝

Markdown Preview

Write Markdown with live preview

Markdown Input
Preview

DevKit Tools

DevKit is a free collection of online developer utilities. No signup, no tracking — everything runs in your browser.

Features

  • ✅ JSON Formatter & Validator
  • ✅ JWT Decoder
  • ✅ Regex Tester with live highlighting
  • ✅ Markdown Editor (you are here!)

    • Example Code

    const result = await fetch('https://api.devkit.tools')
const data = await result.json()
console.log(data)
    All tools are 100% client-side. Your data never leaves your browser.

    Made with ❤️ by DevKit

    About Markdown Preview

    Write Markdown on the left, see the rendered HTML on the right. Updates as you type. Supports GitHub Flavored Markdown: fenced code blocks with syntax highlighting, tables, strikethrough, task lists, and standard headings, links, bold, italic, and blockquotes. Useful for drafting README files, documentation, blog posts, and any content that will be rendered as Markdown before publishing.

    Common Use Cases

    • →Drafting README files with instant visual feedback
    • →Writing documentation pages before committing
    • →Previewing Markdown from a CMS or wiki before publishing
    • →Learning Markdown syntax by trying things interactively

    Frequently Asked Questions

    What is GFM?+
    GitHub Flavored Markdown — GitHub's extension of the CommonMark spec. Adds tables, task list checkboxes, strikethrough, and fenced code blocks. Widely supported on GitHub, GitLab, and most Markdown renderers.
    How do I create a table in Markdown?+
    Use pipes and hyphens: | Column 1 | Column 2 | on one line, | --- | --- | on the next for the separator, then data rows. Alignment can be set with :--- (left), :---: (center), ---: (right).
    Does this export to HTML?+
    The rendered output is HTML — use browser devtools to inspect it, or copy the rendered content. For a raw HTML export, right-click the preview and "View Source" to see the generated markup.