HTML Formatter, Preview & Visual Editor

Paste a page or open a complete website folder. Beautify the source, test it at responsive sizes, inspect errors, and drag misplaced elements into the right structure while PlanetHTML updates your code.

Paste HTML or open a page/project folder to begin.
Desktop · responsiveWaiting for HTML

A visual fix should remain real code

Visual editing changes the DOM structure, then serializes that structure back into the source editor. Moving a card into a different container, changing classes, editing text, duplicating or deleting an element all produce HTML you can copy or download.

Whole-folder preview

Choose a project folder and PlanetHTML finds its HTML entry pages, local stylesheets, scripts, images and fonts. Referenced assets are mapped to temporary local browser URLs. Nothing is sent to a server.

Framework compatibility

Plain CSS and local project CSS work directly. Bootstrap, Tailwind's browser CDN and other externally imported styles can load inside the preview when the browser is online. Build-time Tailwind projects still need their compiled CSS output because PlanetHTML does not run Node or a bundler.