Preview Overview

What is Preview?

The preview pane shows your app running live as you build it.

Features

Real-time Updates

See changes instantly as code is generated.

Device Modes

• Desktop view (full width)
• Mobile view (phone size)

Interaction

• Click buttons
• Fill forms
• Navigate pages
• Test functionality

Preview Controls

Refresh

Reload the preview if something looks wrong.

Open in New Tab

View your app in a full browser tab.

Device Toggle

Switch between desktop and mobile views.

Zoom

Adjust preview size for better visibility.

Limitations

• Preview is for testing only
• Not accessible to others
• Some features may behave differently in production