DEV Community

Cover image for Real-Time HTML to Markdown Converter with Vue 3 + TailwindCSS
Mahmudur Rahman
Mahmudur Rahman

Posted on

Real-Time HTML to Markdown Converter with Vue 3 + TailwindCSS

Hey, devs! πŸ‘‹

I'm excited to share my latest project: HTML2MD – a fast and elegant real-time HTML to Markdown converter built using Vue 3, TailwindCSS, and TurndownJS.

HTML to Markdown Converter App Screenshot

πŸ”§ Why I Built This

As a developer, I often find myself needing to convert HTML snippets into Markdown for documentation, blogs, or READMEs. Manually doing this was tedious, so I decided to build a tool that:

  • Converts HTML to Markdown in real-time
  • Lets you preview the Markdown as you type
  • Supports one-click copy or download as README.md
  • Comes with a clean dark mode interface
  • Is lightweight, responsive, and fast

βš™οΈ Features

  • πŸ“ Real-time conversion from HTML to Markdown
  • πŸ“‹ One-click Copy to Clipboard
  • πŸ’Ύ Download as README.md
  • πŸŒ™ Sleek dark mode
  • ⚑ Fully responsive design
  • πŸ“¦ Built with Vue 3 + TailwindCSS + TurndownJS

πŸ§ͺ Try It Live

πŸ‘‰ Live Demo: https://html-2-md.vercel.app/

HTML to Markdown Converter | Convert and Download README.md

Convert HTML to clean Markdown. Copy or download your README.md instantly. Built with Vue.js and powered by Turndown.

favicon html-2-md.vercel.app

πŸ‘¨β€πŸ’» Open Source on GitHub

Feel free to clone, fork, or contribute!

πŸ”— GitHub: https://github.com/mahmud-r-farhan/HTML2MD

GitHub logo mahmud-r-farhan / HTML2MD

HTML2MD is a simple and powerful web app that converts your HTML code into clean, readable Markdown. Paste or write HTML, preview the Markdown instantly, and download it as a README.md file β€” all in one click. Perfect for developers and documentarians.

πŸ”„ HTML2MD β€” HTML to Markdown Converter

HTML2MD is a modern, fast, and elegant HTML to Markdown converter built with Vue 3 and TailwindCSS. Whether you're working on documentation, blogs, or Markdown-based tools, this app helps you instantly convert your HTML into clean, readable Markdown.

HTML2MD Screenshot


Features

  • πŸš€ Real-time Conversion β€” Instantly converts HTML to Markdown as you type

  • πŸ“ Live Preview β€” See what your Markdown will look like before you copy or download it

  • πŸ“‹ Copy to Clipboard β€” One-click copy for convenience

  • πŸ’Ύ Download as README.md β€” Generate ready-to-use Markdown files

  • πŸŒ™ Dark Mode Interface β€” Sleek and easy on the eyes

  • ⚑ Fast & Responsive β€” Optimized for all screen sizes and devices

  • πŸ”§ Customizable Output β€” Use Turndown rules to tweak conversions (coming soon)


πŸš€ Getting Started

πŸ–₯️ Usage

  1. Paste or write your HTML code into the left panel.

  2. See the converted Markdown in real-time…

Would love your feedback, ideas for new features, and improvements! πŸ™Œ


Follow for more! @mahmud-r-farhan - who loves React!

Warp.dev image

The best coding agent. Backed by benchmarks.

Warp outperforms every other coding agent on the market, and gives you full control over which model you use. Get started now for free, or upgrade and unlock 2.5x AI credits on Warp's paid plans.

Download Warp

Top comments (0)