Dev tools · alternatives · 2026

24 alternatives to A VSCode Extension to edit HTML visually in real-time

Edit HTML files visually. Contribute to urin/vscode-web-visual-editor development by creating an account on GitHub.

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… Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. A VSCode Extension to edit HTML visually in real-time launched in 2024; newer entries below may have overtaken it.

1
Visual Editor▲504
Edit web apps visually in the Cursor Browser
Dec 2025 · cursor.com · its alternatives →
2
vscode.dev▲305
Bringing VS Code to the browser
2021 · vscode.dev · its alternatives →
3
Devsync▲319
Visually edit CSS. Live-sync the result with your editor.
2020 · devsync.co · its alternatives →
4
Collaboratively Edit Diagrams in VS Code with Draw.io▲142
This unofficial extension integrates Draw.io (also known as diagrams.net) into VS Code. - vscode-drawio/README.md at 14209ad462028cbf7013bc8e094bf0fc6e811d30 · hediet/vscode-drawio
2020 · github.com · its alternatives →
5
Visual Studio Code 1.0▲309
Microsoft's cross-platform text editor for developers
2016 · code.visualstudio.com · its alternatives →
6
VS Code extension to edit the filesystem like a text buffer▲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/rename/move/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…
2025 · github.com · its alternatives →
7
tiiny web editor▲259
The simplest web editor for any HTML template
2023 · tiiny.host · its alternatives →
8
Visual Studio Online▲243
Visual studio for web is now open for everyone
2019 · online.visualstudio.com · its alternatives →
9WV
We've created a visual live-programming environment for .NET▲117
2020 · visualprogramming.net · its alternatives →
10
CodeSwing – A CodePen-like interactive playground, built into VS Code▲159
VS Code extension for building web applications ("swings") using a interactive and editor-integrated coding environment - lostintangent/codeswing
2020 · github.com · its alternatives →
11
Magit for VSCode (Alpha)▲62
Extension for Visual Studio Code - Magit for Visual Studio Code
2020 · marketplace.visualstudio.com · its alternatives →
12
CODECAST▲254
HTML & CSS editor in your browser with real-time previews
2015 · codecast.me · its alternatives →
13
Visual Inspector On-site▲168
Collaborate websites feedback like a Google doc
2018 · canvasflip.com · its alternatives →
14
Uselink▲154
Paste Markdown, HTML, or AI-generated drafts. Get a clean public URL with live edits, threaded comments, and version history. No deploy, no sign-in wall.
Jun 2026 · uselink.app · its alternatives →
15
100 Days of Code VS Code Extension▲105
A VS Code extension to track your 100 Days of Code progress.
2020 · antenna.dev · its alternatives →
16
Visual CSS Inspector▲7
Edit css visually in real-time | css learning tool
Nov 2025 · cssvisualinspector.com · its alternatives →
17
FlyCode Chrome Extension▲157
Edit your product visually directly from your browser
2023 · flycode.com · its alternatives →
18
ArachStudio ▲80
Live-edit your GitHub components directly in the browser
Jul 2026 · arachstudio01.vercel.app · its alternatives →
19
VSCode Links▲134
Create your own content-aware file/http links within VSCode
2024 · marketplace.visualstudio.com · its alternatives →
20
Using VS Code and GitHub Gists as a Web Development Playground▲10
In order to make it easier to visually explore HTML/JS/CSS, directly in @code, GistPad (https://t.co/C4vZgHmZhi) now allows you to create "Web playgrounds" that are fully editable mini web apps, that provide a live preview, and are persisted as GitHub Gists 🚀
2019 · twitter.com · its alternatives →
21
Web Editor▲85
Chrome extension to customize websites without coding chaos
2021 · chromewebstore.google.com · its alternatives →
22
VS Code extension that fades out the colors until you take a break▲143
VS Code extension that encourages you to take a break. - schneefux/vscode-winddown
2020 · github.com · its alternatives →
23
Quick Preview▲113
Copy/paste and test your HTML code in real-time.
2024 · quickpreview.dev · its alternatives →
24
Collaborate by Visual Inspector▲134
Free website feedback collaboration and design bug fixing
2017 · canvasflip.com · its alternatives →

Also compare

Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →