Popular mobile device screen dimensions, as an array of objects in a single file

mobile-dimensions-in-px.js

// Popular Mobile Device Dimensions in px
// taken from https://mediag.com/blog/popular-screen-resolutions-designing-for-all/

export default [
  {
    // iPhone XR
    height: '828px',
    width: '1792px'
  },
  {
    // iPhone XS
    // iPhone X
    height: '1125px',
    width: '2436px'
  },
  {
    // iPhone XS Max
    height: '1242px',
    width: '2436px'
  },
  {
    // iPhone 8 Plus
    // Nexus 5X
    // Google Pixel
    // One Plus 3
    // iPhone 7 Plus
    // iPhone 6/6S Plus
    height: '1080px',
    width: '1920px'
  },
  {
    // iPhone 8
    // iPhone 7
    // iPhone 6/6S
    height: '750px',
    width: '1334px'
  },
  {
    // iPhone 5
    // iPod Touch
    height: '640px',
    width: '1136px'
  },
  {
    // iPad Pro
    height: '2048px',
    width: '2732px'
  },
  {
    // iPad 3rd & 4th Gen
    // iPad Air 1 & 2
    // iPad Mini 2 & 3
    height: '1536px',
    width: '2048px'
  },
  {
    // iPad Mini
    height: '768px',
    width: '1024px'
  },
  {
    // Nexus 6P
    // Google Pixel 2 XL
    // Google Pixel XL
    // Samsung Galaxy Note 5
    // LG G5
    // Samsung Galaxy S7 Edge
    // Samsung Galaxy S7
    height: '1440px',
    width: '2560px'
  },
  {
    // Google Pixel 3 XL
    // Samsung Galaxy Note 9
    // Samsung Galaxy S9+
    // Samsung Galaxy S9
    // Samsung Galaxy S8+
    // Samsung Galaxy S8
    height: '1440px',
    width: '2960px'
  },
  {
    // Google Pixel 3
    height: '1080px',
    width: '2160px'
  },
  {
    // Nexus 9
    height: '1536px',
    width: '2048px'
  },
  {
    // Nexus 7 (2013)
    height: '1200px',
    width: '1920px'
  },
  {
    // Samsung Galaxy Tab 10
    height: '800px',
    width: '1280px'
  },
  {
    // Chromebook Pixel
    height: '2560px',
    width: '1700px'
  }
];

mobile-dimensions-viewport.js

// Popular Mobile Device Dimensions viewports
// taken from https://mediag.com/blog/popular-screen-resolutions-designing-for-all/

export default [
  {
    // iPhone XR
    // iPhone XS Max
    height: '896',
    width: '414'
  },
  {
    // iPhone XS
    // iPhone X
    height: '812',
    width: '375'
  },
  {
    // iPhone 8 Plus
    // iPhone 7 Plus
    // iPhone 6/6S Plus
    height: '736',
    width: '414'
  },
  {
    // iPhone 8
    // iPhone 7
    // iPhone 6/6S
    height: '667',
    width: '375'
  },
  {
    // iPhone 5
    // iPod Touch
    height: '568',
    width: '320'
  },
  {
    // iPad Pro
    height: '1366',
    width: '1024'
  },
  {
    // iPad 3rd & 4th Gen
    // iPad Air 1 & 2
    // iPad Mini 2 & 3
    // iPad Mini
    height: '1024',
    width: '768'
  },
  {
    // Nexus 6P
    // Nexus 5X
    // Google Pixel 2 XL
    // Google Pixel XL
    // Google Pixel
    height: '732',
    width: '412'
  },
  {
    // Google Pixel 3 XL
    height: '847',
    width: '412'
  },
  {
    // Google Pixel 3
    height: '824',
    width: '412'
  },
  {
    // One Plus 3
    // Samsung Galaxy Note 5
    // LG G5
    height: '853',
    width: '480'
  },
  {
    // Samsung Galaxy S7 Edge
    // Samsung Galaxy S7
    height: '640',
    width: '360'
  },
  {
    // Samsung Galaxy Note 9
    // Samsung Galaxy S9+
    // Samsung Galaxy S9
    // Samsung Galaxy S8+
    // Samsung Galaxy S8
    height: '740',
    width: '360'
  },
  {
    // Nexus 9
    height: '1024',
    width: '768'
  },
  {
    // Nexus 7 (2013)
    height: '960',
    width: '600'
  },
  {
    // Samsung Galaxy Tab 10
    height: '1280',
    width: '800'
  },
  {
    // Chromebook Pixel
    height: '1280',
    width: '850'
  }
];