In-Editor Preview
Flutter Web preview renders directly inside VS Code — no browser, no alt-tab. Stay in the zone while you code.
VS Code Extensionv2.9.0
Flutter Web Emulator
Preview Flutter apps live inside VS Code.
The VS Code extension that embeds a real Flutter Web preview inside your editor. See your UI update in real-time as you code — no switching windows, no browser tabs.
8,000+Installs
4.7 ★Rating
v2.9.0Latest Version
0.99$Pro Upgrade
What it does
Everything you need.
Nothing you don't.
Real-Time Hot Reload
See your changes reflected instantly as you type. The emulator hot-reloads your app so the feedback loop is near-zero.
Responsive Device Frames
Simulate phone, tablet, and desktop viewports. Switch between device sizes with one click to test responsive layouts.
Dark & Light Mode
Test your app in both light and dark themes simultaneously without restarting — spot theming issues instantly.
Deep Workspace Integration
Respects your workspace Flutter SDK, pubspec.yaml, and environment variables — no extra config required.
Export Screenshots
Capture a screenshot of your preview at any viewport size and export it directly from the VS Code panel.
Privacy-first
Your data stays on your device. No cloud sync, no account required, no data sold.
Free to start, forever
Every product has a genuinely useful free tier with no time limit or hidden paywall.
Actively maintained
Built and supported by a real team. Updates ship regularly based on user feedback.