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.

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

1. Install the extension
2. Start your dev server (npm run dev, yarn start, etc.)
3. Ctrl+Shift+P → Mobile Preview: Show
4. 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 →

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

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.

Support

• Report an issue
• Request a feature
• support@lirobi.com
• mobilepreview.lirobi.com