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

Installation | Annotated source | License

Installation

npm install device-size

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

Annotated Source

Device size object starts here.

{

Apple IPhone SE

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

Apple IPhone 8

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

Apple IPhone Plus

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

Apple IPhone XS

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

Apple IPhone XR

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

Google Pixel 2

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

Google Pixel 2 XL

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

Google Pixel 3

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

Google Pixel 3 XL

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

Samsung Note 5

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

Samsung Galaxy S9

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

Apple iPad Mini

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

Apple iPad Pro

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

Apple MacBook

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

Apple MacBook Pro

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

Dell XPS

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

Device size object ends here.

}

MIT