Device-size NPM

device-size

is a list of common devices and their viewports

If you want to contribute, you are welcome! To add a device, you just need to edit this Readme.md, all details are in Development.md

npm install device-size

Package device-size provides both an ES module and a JSON, for instance using unpkg CDN these URLs are available:

  AppleIPhoneSE:
    device: 'Apple IPhone SE'
    width: 320
    height: 568

  AppleIPhone8:
    device: 'Apple IPhone 8'
    width: 375
    height: 667

  AppleIPhonePlus:
    device: 'Apple IPhone Plus'
    width: 414
    height: 736

  AppleIPhoneXS:
    device: 'Apple IPhone XS'
    width: 375
    height: 812

  AppleIPhoneXR:
    device: 'Apple IPhone XR'
    width: 414
    height: 896

  GooglePixel2:
    device: 'Google Pixel 2'
    width: 411
    height: 731

  GooglePixel2XL:
    device: 'Google Pixel 2 XL'
    width: 360
    height: 720

  GooglePixel3:
    device: 'Google Pixel 3'
    width: 411
    height: 822

  GooglePixel3XL:
    device: 'Google Pixel 3 XL'
    width: 411
    height: 846

  SamsungNote5:
    device: 'Samsung Note 5'
    width: 360
    height: 640

  SamsungGalaxyS9:
    device: 'Samsung Galaxy S9'
    width: 360
    height: 740

  AppleiPadMini:
    device: 'Apple iPad Mini'
    width: 1024
    height: 768

  AppleiPadPro:
    device: 'Apple iPad Pro'
    width: 1366
    height: 1024

  AppleMacBook:
    device: 'Apple MacBook'
    width: 1152
    height: 720

  AppleMacBookPro:
    device: 'Apple MacBook Pro'
    width: 1440
    height: 900

  DellXPS:
    device: 'Dell XPS'
    width: 1920
    height: 1080

6 years ago

6 years ago