Live Preview

What you see is exactly what ships

Every edit, whether made by the AI agent or by you, renders instantly in an isolated sandbox. No waiting for builds. No refreshing tabs. Just immediate, accurate feedback, every time.

Get Started Free
docsio.co/project/editor
AI Agent
Connected
Make the primary color blue and add a getting started section
Read custom.css
Updated styles
Created getting-started.md
Updated navigation
Done. Primary color is now blue across light and dark mode. Added a Getting Started page with installation steps. The preview is updated.
Ask the agent to make changes...
Live Preview
Live
AcmeDocs
Getting Started

Key Capabilities

How live preview works

Isolated sandbox environment

Each project runs in its own isolated sandbox. Changes made by the AI agent or your manual edits are reflected immediately without affecting anything else.

Instant hot-reload on every save

The preview pane updates the moment a file changes. There is no build step, no refresh needed. The rendered result is always in sync with the latest version.

Navigate between pages in preview

The preview is a fully interactive documentation site. Click links, open the sidebar, and navigate to any page exactly as your readers will experience it.

Mobile-responsive preview toggle

Switch between desktop and mobile viewports with one click. Verify that your layout, typography, and navigation all look right on smaller screens before you publish.

No more guessing how it looks

See every change instantly in an isolated preview before it goes live. What you see is exactly what your readers get.

Get Started Free

Free foreverNo credit cardInstant setup