EVERYTHING XIAOMI
Get listed

WireMD

WireMD turns Markdown into UI wireframes and mockups for developers and designers.

Place
#21 of 34
Score
6.8
WireMD's website

What WireMD is

WireMD turns Markdown into UI wireframes and mockups for developers and designers. It is free and open source under the MIT license, with seven visual styles and 41 supported components. The listed styles include sketch, clean, wireframe, tailwind, material, brutal, and none. Wireframes export to HTML, JSON, React (JSX/TSX), and Tailwind CSS; Vue and Svelte renderers are described as coming soon. The command-line tool supports watch mode, a development server, and live reload, while the Markdown is described as CommonMark-compatible and usable with any Markdown parser. A VS Code extension offers live preview, style switching, and responsive viewport testing. The Obsidian plugin adds previews, style switching, and export features and is described as mobile optimized. A Figma plugin imports editable native designs with auto-layout and styling. WireMD also documents a programmatic API for parsing Markdown and rendering supported outputs. Its README says wireframes can be kept as plain text in Git and reviewed in pull requests. For generated HTML displayed on the web, the security policy advises sanitizing it and validating user-provided input.

Good

  • Seven visual styles and 41 supported components.
  • Exports HTML, JSON, React, and Tailwind CSS.
  • CLI includes watch mode and live reload.
  • VS Code extension supports live preview and viewport testing.
  • Figma plugin imports editable native designs.

Watch out

  • Vue and Svelte renderers are described as coming soon.
  • Generated HTML should be sanitized before web display.
  • User-provided input should be validated.

Who it suits

WireMD suits developers and designers who prefer describing interface concepts in text and want to prototype UI. Its editor integrations and export options may suit workflows centered on VS Code, Obsidian, Figma, or code output.

Verdict

WireMD offers a text-first path from Markdown to wireframes, with several export formats and editor integrations. Keep its HTML-sanitization guidance in mind when displaying generated output in a web context.

Plans and prices

From WireMD's own pricing page, checked 10 Oct 2026.

All about pricing
PlanPriceWhat it gives you
FreeFreeFree and open source · MIT licensed

The facts

Each one read from WireMD's own pages, with the date it was checked.

What it does

API
The README documents a programmatic API for parsing Markdown and rendering HTML, JSON, React, and Tailwind output.checked 9 Oct 2026
CLI
The CLI can render mockups from the command line and includes watch mode, a development server, and live reload.checked 10 Oct 2026
Exports
It exports to HTML, JSON, React (JSX/TSX), and Tailwind CSS; Vue and Svelte renderers are described as coming soon.checked 10 Oct 2026
Figma
The Figma plugin imports designs as editable native Figma designs with auto-layout and styling.checked 9 Oct 2026
Installation
The README documents installation through npm, yarn, pnpm, Homebrew on macOS, or from source, and lists Node.js 18 or later.checked 10 Oct 2026
Integrations
The site lists a VS Code live preview, an Obsidian plugin, and a Figma plugin for importing editable designs.checked 10 Oct 2026
Markdown compatibility
The site says WireMD uses valid Markdown, works with any Markdown parser, and is 100% CommonMark compatible.checked 10 Oct 2026
Obsidian
The Obsidian plugin offers live previews, style switching, and export features, and is described as mobile optimized.checked 9 Oct 2026
Performance
The site gives a target parse time under 100 ms and render time under 200 ms.checked 10 Oct 2026
Purpose
WireMD turns Markdown into UI wireframes and mockups for developers and designers.checked 10 Oct 2026
Security
The security policy warns that raw HTML may be allowed in Markdown and advises sanitizing HTML output before displaying it in a web context.checked 10 Oct 2026
Security support
The security policy requests vulnerability reports through the maintainer’s listed email and says the initial response target is within 48 hours.checked 10 Oct 2026
Styles and components
The site lists 7 visual styles and 41 supported components.checked 9 Oct 2026
Supported components
The site states that WireMD supports 41 components.checked 10 Oct 2026
Supported version
The security policy lists version 0.1.x as supported for vulnerability patches.checked 10 Oct 2026
Version control
The project README says wireframes can be stored as plain text in Git and reviewed in pull requests.checked 10 Oct 2026
Visual styles
It offers seven styles: sketch, clean, wireframe, tailwind, material, brutal, and none.checked 10 Oct 2026
VS Code
The VS Code extension provides live preview, style switching, and responsive viewport testing.checked 9 Oct 2026
What it does
WireMD turns Markdown into UI wireframes and mockups for developers and designers.checked 9 Oct 2026
Who it is for
WireMD describes itself as a text-first design tool for developers who think in code and for developers and designers prototyping UI.checked 9 Oct 2026

Money

Free and open source
WireMD is free and open source under the MIT license.checked 9 Oct 2026

Alternatives to WireMD

All alternatives
  1. 1Miro logo

    Miro

    Free planAndroidiOSWebAPI
    8.3From $8 a month
    Visit
  2. 2Figma Make logo

    Figma Make

    Free planAndroidiOSWebAPI
    8.2Free plan
    Visit
  3. 3OpenDesign logo

    OpenDesign

    Free planOpen sourceWebAPILinuxmacOS
    8.1From $8 a month
    Visit
  4. 4

    YouWare

    Free planAndroidiOSWebAPI
    8.1From $20 a month
    Visit
  5. 5

    Jenova UI/UX Prototype Generator

    Free planAndroidiOSWebAPI
    8.0From $20 a month
    Visit
  6. 6

    pen.dev

    Free planWebAPIExtensionLinux
    7.8From $16 a month
    Visit