Preview layouts

Preview layouts

Preview and PHP

Code, Split and Preview layouts with a local preview.

The app includes a local preview of your project folder, Code, Split and Preview layouts and a PHP preview that uploads temporary preview files to your own server.

Code, Split, Preview

Use editor-only, preview-only or split mode from the View menu.

Vertical or horizontal split

Place source and live view side by side or stacked, with Live View on Top when needed.

Local preview

Project files are previewed on your Mac without uploading them.

Live reload

The preview refreshes without flicker while typing, and can be forced from Refresh Live View.

PHP preview

PHP previews upload into a temporary folder on your configured server.

Browser and history controls

Preview navigation includes reload, back, forward and opening the page in your browser.

HTML Designer preview and editor layout

Static and server-side workflows

Static files are previewed from the local project. PHP pages can be previewed through FTP, FTPS or SFTP so you see the page as your server produces it.

← Projects & workspaceInspector & visual editing →