Mobile Preview — Preview Your App on Any Phone, Right in VS Code

Stop switching tabs. Mobile Preview shows your web app inside a real device frame — iPhone, Android, iPad — directly in your editor. No browser, no DevTools, no alt-tabbing.

What's New in v3

Landscape mode — flip any device sideways with one click. Dynamic Island, notch and status bar all rotate correctly.
Realistic phone frames — pixel-accurate bezels, Dynamic Island, notch and hole-punch camera, authentic status bar with live clock, battery and signal.
Device presets — save sets of devices and switch between them instantly (Pro).
Share Preview — generate a public link to your preview, valid 24 hours (Pro).

Why developers love it

Zero setup — auto-detects your dev server (React, Vue, Next.js, Vite, Angular, Svelte, and more). Open the panel, it's already loaded.
Side-by-side — code on the left, phone on the right. Changes appear as you type.
Accurate viewports — each device frame uses real pixel dimensions, so what you see matches what users see.
Favorites with shortcuts — save your go-to devices and switch with ⌘1–5.
Works with any URL — local dev server, staging, production. If it loads in a browser, it works here.

Quick Start

Install the extension
Start your dev server (npm run dev, yarn start, etc.)
Ctrl+Shift+P → Mobile Preview: Show
The extension detects your server automatically — done

Pricing

Free

3 iPhone devices
1 saved favorite
Auto-detection, live reload, framework badge
No credit card, no time limit

Pro — one-time payment, lifetime access

20+ devices — all iPhones, Android phones, iPads and Android tablets
Up to 5 saved favorites with ⌘1–5 shortcuts
Landscape mode for all devices
Device presets — save and switch sets
Share Preview — shareable public link
New devices added regularly at no extra cost

Get Pro →

Device Library

Free (3 devices) iPhone 13 Pro · iPhone 15 · iPhone 15 Pro Max

Pro — iPhones iPhone 11 · iPhone 12 Mini · iPhone 13 Pro · iPhone 14 Pro · iPhone 15 · iPhone 15 Pro Max · iPhone 16 · iPhone 16 Pro · iPhone 16 Pro Max · iPhone 17 · iPhone 17 Pro · iPhone 17 Pro Max · iPhone Air

Pro — iPads iPad Pro 11" · iPad Air · iPad Mini

Pro — Android Samsung Galaxy S23 · Samsung Galaxy S25 · Samsung Galaxy S25 Ultra · Google Pixel 7 · Google Pixel 9 · Google Pixel 9 Pro · OnePlus 10 Pro · Xiaomi 13 · Xiaomi 15 · Xiaomi 15 Pro

Pro — Android Tablets Samsung Galaxy Tab S8 · Google Pixel Tablet

Common Questions

Does it work with my framework? Yes. It auto-detects React, Vue, Next.js, Vite, Angular, Svelte, Gatsby, Astro, Remix. Anything that runs in a browser works.

Does it support hot reload? Yes. The preview refreshes automatically when you save.

Can I preview deployed sites? Yes. Enter any HTTPS URL to preview staging or production.

Is the Pro license a subscription? No. One-time payment, lifetime access including future device updates.

Can I use one license on multiple computers? Yes, up to 3 activations. Deactivate on one to activate on another.

Mobile Preview - Phone & Tablet Simulator

Lirobi