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
- Download the extension from the VSCode marketplace if you haven't already.
- Open the VSCode command palette and choose
Mobily Responsive: Simulate Device
- 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
![](https://github.com/mobily-responsive/public/assets/120549491/e922d258-f127-47fc-8d49-0465ee415e5c)
- ✔️ 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:
- 🧪 Built with ❤️ and NixixJS
| |