responsively-org / responsively-app

A modified web browser that helps in responsive web development. A web developer's must have dev-tool.
https://responsively.app
GNU Affero General Public License v3.0
22.4k stars 1.13k forks source link

[Feature Suggestion] Add Device Frames #487

Open goshenweb opened 3 years ago

goshenweb commented 3 years ago

It would be very valuable if we can have options to preview sites within the most popular popular OEM device frames (Apple, Samsung, Google Pixel, LG, Nokia, Motorola, laptop, etc). The option should include the ability to toggle on/off the device frame while previewing sites as well as an option to generate screenshots with the device frame on. This would be similar to what is available on chrome dev tools but with more device frames to choose from.

https://share.getcloudapp.com/rRuoEA2Y

Many thanks for considering this feature as I believe it will greatly add value to designers and site owners to see how their sites would eventually look once published.

jjavierdguezas commented 3 years ago

a lot of frames as svg can be found in the chromim source code

mustafaabobakr commented 1 year ago

useful links

image
mustafaabobakr commented 9 months ago
mustafaabobakr commented 1 week ago

any update here 👀