What is html-visual-editor?

This project is a small browser-based editor for touching up static HTML pages, particularly ones generated by AI tools. The idea is that when an AI produces a finished-looking HTML file, you often still need to tweak colors, text, spacing, or button labels before it is ready to share. Instead of editing code directly, this tool lets you click on elements in the rendered page and adjust them visually. You can load an HTML file by uploading it or pasting its code. Once loaded, the editor enters visual editing mode automatically. You can then click any element on the page to select it, change its text, adjust typography, spacing, colors, background, border radius, and shadow using a compact side panel. There is an undo function for recent changes. When you are done, you export a clean HTML file with all of the editor's own code stripped out, leaving just the modified page. The project is plain JavaScript with no build step required. Running it locally only needs a small development server (started via npm), and there is also a way to add the editor script directly to any HTML file so you can open and edit it in a browser without the full project setup. The main repository files are an entry page, the editor runtime, a demo HTML file, and a set of cross-browser compatibility tests covering desktop and mobile Chrome, Safari, and optionally Firefox. The tool is not a full website builder or code editor for component-based projects. It is scoped specifically to static single-file HTML, which is the format AI generators typically produce. Features like multi-page slide detection, scroll-based page navigation, and a structure position bar for moving between nearby elements are present, but only activate when the editor can reliably detect the page structure. Where detection is uncertain, the editor stays out of the way and leaves the original page controls working. No license has been selected yet, so the project should not be treated as open-source for reuse until one is added.