DocumentationPreview and Viewports

Preview and Viewports

Use live preview, viewport presets, and responsive mode.

Preview and Viewports

The preview panel renders your HTML, CSS, JS, and Data inside a sandboxed iframe. It updates as you edit.

Viewport Presets

Use the viewport switcher to preview common device sizes:

  • Desktop: 1440 x 900
  • Tablet: 834 x 1194
  • Mobile: 390 x 844

The preview scales down to fit the available space without upscaling, so you see accurate proportions.

Responsive Mode

When no viewport is selected, the preview fills all available space. This is useful for fluid layouts and quick checks.

Refresh Behavior

Click Refresh in the toolbar to force a clean rebuild of the preview and clear console logs.