Pixel 11 Mockup Generator

412 × 924 in portrait, which is the viewport Hoverify's responsive viewer renders your page at for this device. In landscape the two numbers swap. At a device pixel ratio of 2.625 that is 1082 by 2426 physical pixels.

It is Hoverify's own drawing of it, made from the published screen size, corner radius and bezel measurements and rendered as a transparent bitmap. Google publishes its own device artwork, but the license does not allow it to be bundled into other software. The extension draws its own frames instead of bundling a manufacturer's, and this page shares those files.

1398 by 2934 pixels in portrait. That is 3 pixels per CSS pixel. Device screenshots taken in the extension come out at your display's pixel ratio.

Yes. The download list on this page has every finish as a WebP, which is the file the extension ships, and as a PNG decoded from it in your browser. The screen area is transparent in both, and there is no screenshot in the file. You can use either one in commercial work without crediting Hoverify. The device frames license has the terms.

Install Hoverify and open the responsive viewer. Add the Pixel 11 and it loads your live page at 412 × 924 inside this frame, with Chrome's bars drawn around it. Scripts on the page read the device's screen size, and the site gets the user agent set for the whole board, iPhone Safari unless you change it. Pick the Android user agent to match this device. With a phone or tablet user agent, your mouse also sends touch events in Chromium browsers.