Visual Styles

wiremd includes 7 built-in visual styles. Pass one with --style on the CLI or { style: '...' } in the API.

Style	Description	Best for
sketch	Hand-drawn, Balsamiq-style	Brainstorming, low-fidelity
clean	Modern minimal	Presentations, high-fidelity mockups
wireframe	Black & white, traditional	Developer handoff, specs
material	Material Design inspired	Android apps, Google-style
brutal	Neo-brutalism, bold colors	Artistic, statement designs
tailwind	Tailwind CSS utility classes	Tailwind projects
none	Semantic HTML, no CSS	Custom styling

sketch is the default when no style is specified.

Previews

sketch

clean

wireframe

material

brutal

tailwind

none

CLI

wiremd file.md --style clean --serve 3001 --watch
wiremd file.md --style sketch
wiremd file.md --style wireframe -o output.html

API

import { parse, renderToHTML } from '@eclectic-ai/wiremd';

const html = renderToHTML(parse(markdown), { style: 'clean' });

VS Code

Use the style picker in the wiremd preview panel to switch styles live — no terminal needed.