Writemark, a dependency free web component for inline Markdown editing

I like writing Markdown, but do not like writing it inside a plain textarea.I wanted something I could use anywhere by dropping in a single web component:```<writemark-editor name="body"></writemark-editor>```That became Writemark.It renders Markdown while you write, but Markdown remains the value you read, store, and submit. It also has source, split, and preview modes, along with slash commands, tables, task lists, code blocks, native form support, and an API for adding your own controls. There are no runtime dependencies and no required framework or built in toolbar.It is fully vibecoded. The process was very iterative. I knocked something out, tried using it, found bugs, fixed them, and repeated that cycle until I had something I liked writing in and that performed reasonably well.It did not begin as an experiment about AI generated software -- just did not want to use textareas anymore. I like Markdown, and I wanted one component that I could use anywhere without bringing along an entire editor framework.It is still very young. The parser is handwritten, the component is essentially one large JavaScript file, and I am certain there are edge cases waiting to be found. If you find one, I am happy to fix it.I have tried to give it a decent safety net. It currently has 951 Playwright checks across Chromium, Firefox, and WebKit, along with hostile input cases, sanitizer fuzzing, and differential tests against CommonMark.I built this because I wanted it for myself, but I think it turned into something kind of cool. I hope some of you enjoy it. I would love hearing what you think, especially if you try it and manage to break something.- Github: https://github.com/Brostoffed/writemark- NPM: https://www.npmjs.com/package/writemark-editor

Hacker NewsToolAISource
0Sign in to voteCopy link

FL score

62

out of 100

Verdict

VALIDATE

medium confidence

Competition

No competitor data yet

Trend

No signal yet

A zero-dependency web component that lets developers drop in a Markdown editor without framework bloat, solving the specific friction of writing Markdown in plain textareas.

The pain

Developers who write Markdown regularly face a choice: use a plain textarea (no visual feedback, poor UX) or import a heavy editor framework (bundle bloat, dependency management, learning curve). The middle ground doesn't exist.

The gap

The market has rich editors (Notion, Obsidian) and framework-specific solutions (React editors, Vue editors), but nothing positioned as a lightweight, framework-agnostic, drop-in component for developers who just want better Markdown editing without the overhead.

Build angle

This works as a developer tool with a narrow, well-defined use case. The builder solved their own problem first, validated it through heavy testing (951 tests), and shipped it. The next phase is finding product-market fit within developer communities (technical blogs, documentation platforms, indie tools) rather than chasing broad adoption.

Strengths

  • Solves a real friction point the builder experienced personally
  • Zero runtime dependencies removes a major adoption barrier
  • Extensive test coverage (951 tests across browsers) shows quality discipline
  • Already published on NPM with working code, not vaporware
  • Web component standard means it works in any framework or no framework
  • Honest communication about limitations (young, edge cases exist)

Risks

  • Extremely narrow TAM: only developers who (1) write Markdown, (2) need inline editing, (3) want to avoid frameworks. This is a small slice of developers.
  • No clear monetization path. Open source components rarely generate revenue unless bundled into a larger product.
  • Maintenance burden falls entirely on one person. A single critical bug or security issue could tank adoption.
  • Competing against free alternatives (CodeMirror, Monaco, ProseMirror) that have larger communities and more features, even if heavier.
  • No evidence of product-market fit yet. Being on HackerNews doesn't mean people will actually use it in production.
  • The 'AI generated' framing in the description is irrelevant and potentially distracting from the actual value proposition.

Questions about this idea?

FlyBot reads the scoring and gives you a second opinion on “Writemark, a dependency free web component for inline Markdown editing”.

Open FlyBot