Skip to content
| Marketplace
Sign in
Visual Studio Code>Visualization>Mobily ResponsiveNew to Visual Studio Code? Get it now.
Mobily Responsive

Mobily Responsive

michthebrand

|
2,030 installs
| (2) | Free Trial
A Tool For Simulating Popular Devices
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info


A Tool For Simulating Popular Devices

Level up your developer experience with Mobily Responsive

  • ✨ View your web app/site inside a plethora of device frames without leaving VSCode
  • ✔️ Get PWA audits on your web app/site if your web app has a manifest.json file
  • And so much more to come.

Get Started

  1. Download the extension from the VSCode marketplace if you haven't already.
  2. Open the VSCode command palette and choose Mobily Responsive: Simulate Device
  3. Once the Webview panel opens, change the url at the top to your web app's url and start editing your files

Features

The extension comes with a simple command to Simulate Device.

  • ✨ View your web app/site inside a plethora of device frames without leaving VSCode
  • ✔️ Get PWA audits on your web app/site if your web app has a manifest.json file
  • And so much more to come.

Disclaimer and Credits

  • There is no guarantee that the extension will continue to work as-is without any issues or side-effects. Please use it at your own risk.
  • This extension never uses/stores your personally identifiable information.

Credits to the designers and michthebrand himself

  • 💻 Device frames designed by:
    • @hosamelshazly92
    • @jessicasemaan
  • 🧪 Built with ❤️ and NixixJS
A tool by mich.thebrand
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft