Show HN: A VSCode Extension to edit HTML visually in real-time

Original Article ↗ Hacker News Discussion ↗

Functionality & Scope

  • Extension provides real-time visual preview of HTML directly inside VS Code, with synchronized selection between code and rendered elements.
  • Changes in the visual pane can be reflected back into source code, though the author considers this editing part less generally useful than preview/selection.
  • Currently targets static HTML files and resources; JavaScript is disabled for now due to uncertainty about its effects.
  • Not compatible with React/JSX, but may be usable with Vue single-file components and simple static content, landing pages, or basic components.
  • Complex HTML is fine as long as it’s essentially one HTML file plus linked resources; there may be issues with Web Components.

Comparison to Existing Tools

  • Several commenters see it as similar to common “live preview” setups (with autosave + browser refresh) or VS Code’s official Live Preview extension.
  • Distinguishing points: no extra processes/servers, tight VS Code integration, and code–preview selection syncing.
  • Some users point out the value of having an open-source, non–Microsoft alternative given concerns about closed-source VS Code extensions.

Usefulness & Limitations

  • Supporters appreciate the tighter feedback loop and convenience of not needing to save or switch windows to see changes.
  • Others argue the feature set is modest and not significantly beyond existing preview tools.
  • Requests include live preview for Sass and enabling JavaScript when safe or user-controlled.
  • A few people are interested in using such tools to manage or refactor static sites without templating systems.

Historical Context & Nostalgia

  • Many compare it to older WYSIWYG editors (Dreamweaver, FrontPage, Netscape/Mozilla Composer, Nvu, HotDog, Brackets), noting a sense of “full circle” in web tooling.
  • Some find the current tool comparatively “basic” versus 20+ year-old editors, while others appreciate having a modern, browser-engine-based implementation inside VS Code.

Broader Web Development Debate

  • Thread branches into a larger debate about modern frontend complexity vs. “just HTML/CSS/JS.”
  • Some see tools like this as a small push back toward simpler static sites; others stress that frameworks exist to manage state, complexity, and reuse in large apps.