1. Home
  2. Β β†’Β Screen Size Map

Screen Size Map

An interactive map of screen sizes for responsive web design

An interactive map of popular screen sizes, illustrating the responsive and adaptive device landscape.
πŸŽ‰ Screen sizes in device-independent pixel (DP)
🌟 Filter sizes by popularity
πŸ›  Hide & show device classes
πŸ–₯ Browser-based
➑️ Try it now
Embed
Featured
discussion
Would you recommend this product?
Joh
Maker
Managing Partner & UX Design Lead
Thank you Kevin for hunting! Some context: About 6 years ago, I worked as a specialist for responsive web design in the design team of Deutsche Telekom (T-mobile). I built a first raw table of screen sizes that time. That topic somehow kept me going. Two years ago from today, me and my team at Boana launched the screen size map. We have been using it for a while internally and decided to put it online for convenience. So here it is – online and free. You can read about the design process here: https://medium.com/boana-stories...
Share
Kitze
Founder of Sizzy & React Academy
@johannes_holl Great job! I'm curious how screensiz.es calculates the popularity score, do you have any idea? I wanted to add the ability to sort the devices in sizzy.co by popularity but I couldn't find a reliable source.
Share
Joh
Maker
Managing Partner & UX Design Lead
Hello @thekitze, thanks you. Nice product that you have there, too. We spotted it some time ago and follow your updates :-) The popularity thing is quite difficult. There is different data out there. I choose a global popularity data set from W3Schools and Statcounter. Of course that feature could be much more complex – e.g. by country or so. screensiz.es mentioned that they took the data from Wikipedia – but the link is not there any more.
Share
valuHead of Social, HRS
Love it!
Share
Joh
Maker
Managing Partner & UX Design Lead
@ulf_valentin thank you, valu!
Share
Great stuff
Share
Awesome, love it!
Share
Joh
Maker
Managing Partner & UX Design Lead
@fargho Thanks, Marcus! πŸŽ‰
Share
Justin Rockmore
Lover of the Hunt
This would be a SWEET Figma/Sketch plugin :D
Share
Joh
Maker
Managing Partner & UX Design Lead
@justin_rockmore Great idea! Maybe the next little side project πŸ’ͺ
Share
Rob Hope ⚑️Yo!
Maker. Surfer. Optimist.
Congrats on the launch Johannes and team!
Share
Joh
Maker
Managing Partner & UX Design Lead
@robhope Thanks Rob!
Share
Shafkathullah IhsanWeb developer
Beautiful!
Share
Joh
Maker
Managing Partner & UX Design Lead
@shafkathullah_ihsan Thank you! :-)
Share
Callen HedglenFounder @LabelTap
Cool product! Definitely assumed we'd each be able to connect via Google Analytics (or something similar) though; had to view these comments to understand where the data was coming from.
Share
Joh
Maker
Managing Partner & UX Design Lead
Hello @chedglen, so true. Where the data is coming from is one of the most asked questions. And we need to answer that in the UI and also give better options to choose/import data sets for both: users who have live data and those wo don't. I just need some time to do that in this side project :-D It's on the list. BTW: help wanted if someone wants to join a side project!
Share
This is amazing!!!
Share
Joh
Maker
Managing Partner & UX Design Lead
Thanks @malaika_mpressme – glad that you like it!
Share
Pablo Osorio da SilvaSocial engineer!
Very nice solution, but should be updated in about current available displays
Share
Joh
Maker
Managing Partner & UX Design Lead
Hi @pablomoises, not sure I understand what you mean. Should i update the name itself or are you missing some screen sizes?
Share