A free, dependency-free web component for inline Markdown editing — drop a single <writemark-editor> element into any page and get live formatting while the value stays clean Markdown.
Last verified · 2026-07-26 · by Moe Ameen
Writemark is an open-source web component for inline Markdown editing, built by an independent developer (GitHub user Brostoffed) and shared as a "Show HN" post on Hacker News in late July 2026. The pitch is deliberately small: instead of wiring up a heavy rich-text framework, you import one custom element — `<writemark-editor>` — and drop it into any page. It renders Markdown formatting live as you type, while the value it stores stays canonical Markdown rather than HTML, so what you get back out is exactly what you'd commit to a file or paste into another tool.
Technically it's notable for what it doesn't require. Writemark ships as a single JavaScript file with zero runtime dependencies and no build step for basic usage, and it's framework-agnostic — it works the same in plain HTML, React, Vue, or anything else, because a web component is just a browser element. It offers four modes (a default live inline editor, a raw source textarea, a split source-and-preview view, and a read-only preview) plus slash commands, a table grid UI, task-list checkboxes, code fences with language selection, find-and-replace, clipboard paste that converts to and from Markdown, sanitized HTML output, and native form integration so the editor submits like a normal field. The parser is handwritten, and the author cites a large Playwright suite (343 cases per browser project) run across Chromium, Firefox, and WebKit.
Two honest caveats. First, Writemark is an editing surface, not an AI or content tool — it has no generation, no repurposing, no publishing; it's the box you type into. The author noted it was largely AI-assisted to build ("fully vibecoded"), but that describes how it was made, not a feature it ships. Second, it's early: the project itself flags that full production hardening (screen-reader verification, IME and mobile-keyboard testing, high-contrast review, and an independent security audit) is still outstanding, so treat it as a promising young library rather than a battle-tested one. It's MIT-licensed and free on npm as `writemark-editor`.
Markdown is the quiet lingua franca of content work: it's how people write drafts, briefs, scripts, and blog outlines before anything gets designed or scheduled. Writemark makes that drafting step pleasant — you write with live formatting and get clean Markdown back — but it stops at the text. It doesn't turn a draft into a video, a carousel, or a scheduled week of posts. Kompozy is the engine that picks the draft up from there.
The handoff is concrete. Draft a hook, an angle, or a full script in a `<writemark-editor>` field — inside your own tool or the demo — then bring that Markdown into Kompozy as a source. From that one text input Kompozy generates net-new formats the editor could never produce: Persona Shorts and HeyGen avatar video with a face-locked recurring identity, Clipped Shorts, brand-exact Carousel Posts via HyperFrames, Photo Posts, Quote Graphics, a full Blog Article, an Email Newsletter, and native Text Posts — all governed by a Persona Brief so your voice holds across every one. Then Autopilot and a per-post review pipeline schedule and publish the batch across eight social platforms plus blog and email, reframed to 9:16, 1:1, and 16:9. Writemark is where the idea gets written cleanly; Kompozy is where that clean draft becomes a published content operation.
Writemark is a free, open-source (MIT) web component for inline Markdown editing. You import one custom element, <writemark-editor>, drop it into any page, and get live Markdown formatting while the stored value stays clean Markdown. It has zero runtime dependencies, works in any framework, and ships on npm as writemark-editor. It was shared as a Show HN post in late July 2026.
No — Writemark is a text-editing component with no AI, no content generation, and no publishing. The author mentioned it was largely built with AI assistance ("vibecoded"), but that describes how the code was written, not a feature the editor ships. For AI generation and publishing, you pair a draft written in Writemark with an engine like Kompozy.
Yes. It is MIT-licensed and free to install from npm as writemark-editor, with the source on GitHub. As an early-stage project it notes that full production hardening — screen-reader, IME, mobile-keyboard, high-contrast, and independent security review — is still outstanding, so evaluate it accordingly.
Use Writemark as your drafting surface — write a hook, angle, or script and copy the clean Markdown it produces — then paste that into Kompozy as a source. Kompozy generates video, carousels, images, a blog, and a newsletter from that one draft, holds your voice with a Persona Brief, and publishes across eight social platforms plus blog and email.