Description from extension meta
This extension shows the current viewport size including the TailwindCSS size. You can also set the viewport size using the popup.
Image from store
Description from store
Tailwind Viewport Sizer is a handy extension designed to provide you with real-time insight on your current viewport size, including the Tailwind CSS breakpoint names (sm, md, lg, etc.).
A beautiful badge that fades after a few seconds let you know what the viewport size is, while you're resizing the browser window, to make sure you're building for the right devices.
Personalize the badge by changing it's background color, text color, font size, and the length it stays visible. TailwindCSS developer bliss. ❤️
Updates v1.1.1
- Add the ability to create custom breakpoints.
- Fix an annoying issue where you couldn't interact with the website canvas where the breakpoint pill was.
Latest reviews
- (2025-06-13) --: Does not save custom Breakpoints. They get lost, when opening new window.
- (2024-11-04) Tony Mingo: Super handy extension. Love the flexibility of being able to see dimensions as I resize my window versus having to open inside an interface with presets.
- (2024-10-28) David Knowles: Seems to work only it doesn't seem to provide the option I need; the ability to set my own screen dimension, (Custom breakpoints)
- (2024-09-29) Ahmed Mansour: Perfection. Tried 2 extensions before this one that did not work
- (2024-08-20) Pai McFly: would like to have the ability to add custom breakpoint coz i need to cater up until 3xl (1600px) and 4xl (1920px)
- (2024-04-19) Alex Duggleby: Useful little utility. Just make sure your browser is in window mode (not full screen) and then it works like a charm.
- (2024-04-16) Santhosh Sundararaman: Has made it super easy to change viewport size and test responsive apps. The ability to see the viewport size while resizing the browser window is quite handy to check if the breakpoints trigger responsiveness. Cool extension!!