[ ] Device AtlasStar on GitHub ↗

CUSTOM DEVICE EMULATION / CHROME

Find your next viewport.

Device dimensions, pixel ratios and user agents for responsive testing.

Loading devices…

Copy settings manually

Clipboard access is unavailable. Select and copy this text.

From preset to DevTools

  1. Open Chrome DevTools, then toggle the device toolbar.
  2. Open Dimensions → Edit → Add custom device.
  3. Enter the name, width, height and DPR shown above. Choose Mobile or Desktop as appropriate.
  4. Optionally copy the user agent, then click Add and select your device.

Copying settings does not import them automatically into Chrome.

Chrome’s official guide ↗

Know what you are testing

Source checked means compared with a documented preset, not tested on physical hardware. CSS screen dimensions and browser viewport dimensions can differ. Historical records are marked Needs review.

Chrome emulation approximates layout; it does not reproduce Safari or real device performance.

Read the data policy ↗