A VSCode Extension to edit HTML visually in real-time

In plain words

This VSCode extension enables developers to edit HTML visually in real-time within their code editor. It allows users to see changes instantly as they modify HTML code, streamlining the editing workflow for web development. The tool is designed for developers who work with HTML and prefer visual feedback alongside their code, eliminating the need to switch between an editor and a browser preview. It integrates directly into VSCode for convenience.

written from the facts on this page · September 2026

From the sources

Enable drag-to-move and keyboard nudge for positioned elements. Default: false . When enableMovingElements is enabled, moving an element rewrites its tag using VSCode's HTML formatting. To avoid inconsistent indentation, format the entire document before starting visual editing ( Shift+Alt+F ). Allow <script> tags and on* event attributes to run inside the WebView. Default: false . Root directory for resolving root-relative paths (e.g. /styles/main.css ). Specified as a path relative to the workspace root. Must be inside the workspace. Defaults to the workspace root. Absolute paths are not supported. Since both absolute paths and root-relative paths begin with / on Unix-like systems, they…from github.com

• 
  Visual EditorDec 2025 · cursor.com · ▲504

  Edit web apps visually in the Cursor Browser

• 
  vscode.dev2021 · vscode.dev · ▲305

  Bringing VS Code to the browser

• 
  Devsync2020 · devsync.co · ▲319

  Visually edit CSS. Live-sync the result with your editor.

• 
  Collaboratively Edit Diagrams in VS Code with Draw.io2020 · github.com · ▲142

  This unofficial extension integrates Draw.io (also known as diagrams.net) into VS Code. - vscode-drawio/README.md at 14209ad462028cbf7013bc8e094bf0fc6e811d30 · hediet/vscode-drawio

• 
  VS Code extension to edit the filesystem like a text buffer2025 · github.com · ▲67

  This is a spiritual adaptation of oil.nvim for vscode. The main idea is you edit the filesystem by editing the current directory listing's text buffer. For example, if I want to rename a file, I just rename it in the listing file. This is extremely powerful because it translates all of your text-editing skills immediately into file editing capabilities. Some features: * Create&#x2F;rename&#x2F;move&#x2F;delete files by editing the current directory listing's textbuffer * Filter using glob pattern * Trash and undo support * Works even in remote-ssh workspaces * Works across multiple vscode…

• WV
  We've created a visual live-programming environment for .NET2020 · visualprogramming.net · ▲117

• 
  /dev/null▲468

  a social network for devs

  Dev tools · 2d ago · dev-null.sh

• 
  Whiteboard (YC W26) – an open-source IDE for thoughtful software design▲423

  open-source IDE for thoughtful software design. Contribute to devdotfast/whiteboard development by creating an account on GitHub.

  Dev tools · 27d ago · github.com

• 
  Reladraw – A diagram language where you decide where to place things▲411

  Contribute to reladraw/reladraw development by creating an account on GitHub.

  Dev tools · 25d ago · github.com

• 
  OpenBot▲362

  Grok Bot alternative: free, local, open-source, multiplayer

  Dev tools · 22d ago · openbot.run

• 
  Talanoa▲340

  Hi HN, I’m a fullstack developer, and honestly, I’ve lost count of how many side projects I’ve worked on over the years. But one idea kept coming back to me: a different kind of email client. It first came to me in 2014: “What if we could handle emails more like conversations?” Every year, I’d revisit this concept in my “Build Notes.” Ten years later, no one had built exactly what I had in mind — so I finally decided to do it myself. That’s how Talanoa was born. I wanted something focused on people, not timelines. I was tired of marking messages as unread just to remember to reply later, or…

  Dev tools · 20d ago · talanoa.email

• 
  CoreSpeed▲332

  One MCP for everything your agents need: apps, memory, tools

  Dev tools · 27d ago · corespeed.io

• 
  buzzabout▲1,267

  Audience insights from 1B+ online discussions in 2 mins

  AI · 2024 · buzzabout.ai

• 
  bolt.new▲1,230

  Build and scale high-performing websites & apps using your words. Join millions and start building today.

  AI · 2024 · bolt.new

• 
  Feta▲1,217

  Run smarter stand-ups, build better products

  AI · 2024 · feta.io

• 
  Trag▲955

  AI code review companion

  AI · 2024 · usetrag.com

• 
  Softr for Notion▲923

  Turn Notion databases into portals & apps with no code

  Dev tools · 2024 · softr.io

• 
  General Collaboration▲910

  One inbox for all your work discussions

  Work · 2024 · generalcollaboration.com