Kirby Tools
v2.6.3Hub

Real-Time
Preview

Display your page with unsaved changes in real time. Simulate different screen sizes to see how your content will look on mobile, tablet, and desktop.
Try the Demo
Video: paused

What the Preview
Can Do

Tell the preview apart from the site
The rendered page carries a preview-mode attribute on its html element and a previewMode() method in PHP. Hide the cookie banner, skip animations, or leave analytics out for the preview.
Click a link, land on its Panel page
A link inside the preview opens the linked page in the Panel instead of leaving the editor. Links to other sites open in a new tab; anchors and links you mark as ignored behave as usual.
Three widths, one click each
Toggle the preview to 390, 768, or 1440 pixels wide. Where the section is narrower than the preset, the page renders at full width and is scaled down, so the layout stays true.

Responsive Preview
With Device Simulation

Video: paused

Not Convinced?

Install the plugin and open a page with the preview beside it. Unsaved changes show up as you type.
Hoist the Sails