Syntax-aware source
Read tags, attributes, strings, and comments with restrained highlighting.
Source + preview
Read the code. See the page.
Switch between editable HTML source and the rendered result without setting up a project, installing an editor, or uploading the document.
No accountLocal-firstNo HTML Lens uploadsFree web tool
Useful for small, immediate checks
HTML Lens is intentionally lighter than a full development environment. It is for opening, understanding, adjusting, and handing off a complete HTML document.
Edit in place
Make a small change directly in the source.
Render again
See the effect without creating a project or build pipeline.
Export the file
Download or share the updated HTML when you are done.
When to use this instead of developer tools
Use HTML Lens when you already have a complete HTML document and need to understand or adjust it quickly. Use a full editor and browser developer tools when you need network inspection, JavaScript debugging, multi-file projects, or production diagnostics.
How it works
01
Add the HTML
Paste a complete document or open a file.
02
Switch to Source
Inspect the markup and make a focused edit.
03
Render again
Return to Preview to confirm the result.
Common questions
Can I view the source of any live website?
HTML Lens works with HTML you provide. It does not bypass a website, authentication, browser security, or copyright restrictions to extract remote source.
Will copied website source look identical?
Not always. Many websites depend on separate stylesheets, scripts, fonts, images, and server data that are not included in copied HTML.
Can I edit CSS too?
Yes, when the CSS is included in the HTML document, such as inside a style element.
Is this a replacement for an IDE?
No. It is a fast document viewer and editor for self-contained HTML, not a full project development environment.