Klar Editor — standalone demo

Panel settings

Land on the right

When following your selection, the panel lands to the right of the element instead of the left.

Hide Klar header

Removes the top editor bar for a full-height view of the page. Minimize parks in the corner while it’s hidden.

Static right panel

Docks the panel as a fixed right column (like the iframe editor) instead of the floating card. Reloads the page.

Load a live site

Saved sites

Go to website

HTML

HTML

Data

Body

Changed elements

Every element that has been changed on this page — the selector it was matched by, the original value, and the edit. This is exactly the data Klar applies to the HTML on save.