HTML Viewer with Bidirectional Highlighting: Click Code ↔ Highlight Element

Bidirectional Highlighting: Click Code ↔ Highlight Element

The main feature is bidirectional highlighting: - Click a line of HTML/CSS in the editor, and the matching element on the preview lights up and scrolls into view. - Click an element on the rendered page, and the editor jumps to the corresponding line of code. It makes debugging, learning HTML/CSS, and teaching frontend basics much easier. Built with vanilla JavaScript, 100% client-side (no backend, no data collection), and completely free to use.

HTML Viewer with Bidirectional Highlighting: Click Code ↔ Highlight Element

Details:

Stars

Forks

Alternative

Pricing

Free

Sign up for 1 email a week

We send new OSS products every week in a new newsletter. No Spam.

Error. Your form has not been submittedEmoji
This is what the server says:
There must be an @ at the beginning.
I will retry
Reply
We respect your privacy. Your information is safe with us.
Built on Unicorn Platform