Mobile Preview — Phone & Tablet Simulator for VS Code

Preview your web app in a real iPhone, Android or iPad frame — directly inside VS Code. No browser switching, no DevTools, no alt-tabbing. The fastest way to do responsive design and mobile development without leaving your editor.

Works with React, Next.js, Vue, Vite, Angular, Svelte, Astro, Remix, Gatsby — any framework that runs in a browser.

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.
Landscape mode — flip any device sideways with one click. Dynamic Island, notch and status bar all rotate correctly.
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 (if not, enter the url in the address bar)

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
New devices added regularly at no extra cost

Get Pro →

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).

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