Preview

Velork embeds a live preview when your project runs a development server. Preview appears inside Canvas — there is no separate Preview title tab.

When preview shows

Velork detects a local dev server URL from your running project. When available, the preview pane renders your app inline.

If no server is running, you see Awaiting server until you start one from Editor terminal.

Device modes

Switch preview framing between:

Mobile
Tablet
Desktop

Use this to check responsive layouts against canvas designs without leaving Velork.

Refresh

Click Refresh Preview after code changes if hot reload does not update automatically.

Preview vs Editor terminal

Start your dev server from the Editor tab terminal (npm run dev, etc.), then switch to Canvas to compare the running UI against design layers side by side with chat.

Preview Canvas — design-aware preview surface
Development Server Preview — embedded browser for your app URL

See Canvas for the full design workflow.

Next steps

Canvas

Design layers next to preview

Editor

Terminal and dev server setup

Chat

Ask Agent to fix preview issues