Now a days on the web it is common practice to add device frames for website screenshots to give a feeling that how website looks when opened on that device. It may be browser, desktop, laptop, tablet or mobile screen. If that situation arises for you to create a device mockup, you don’t have to start from scratch designing or you don’t have to be any designer to do that. All you need is a DeviceMock.js library.
Using DeviceMock.js you can easily add device frames for any of the elements (div, img, iframe). It requires jQuery v1.5.0 or higher.
How to use DeviceMock.js in your projects: