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:
- ES module: https://unpkg.com/device-size/device-size.js
- JSON: https://unpkg.com/device-size/device-size.json
Annotated Source
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