Viewport Resizer: Ultimate Device Emulator & Website Testing Tool
Emulate devices, resize screens, and perfect your web design effortlessly with this cutting-edge testing and presentation tool.
This extension shows the current viewport size including the TailwindCSS size. You can also set the viewport size using the popup.
Review user movement across collected snapshots.
View collected rating snapshots from the latest 7-day window to assess rating stability.
Compare 1-day, 7-day, and 30-day net growth and growth rate.
Review publication date, version, supported languages, and crawl timestamps.
Review the store description, core capabilities, and common use cases.
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.
Inspect the latest comments and rating distribution.
Store average score: 4.3. The bars below are calculated from synced review text only, so they may be empty for extensions that have public ratings but no synced comments yet.
Review related products from the Chrome Web Store detail page.
Emulate devices, resize screens, and perfect your web design effortlessly with this cutting-edge testing and presentation tool.
Seamlessly visualize Tailwind CSS media queries, enhancing your UI experience.
Displays the current viewport dimensions in real-time as you resize the browser window.
Displays an overlay with viewport dimensions and aspect ratio.
Displays the current Bootstrap Viewport
Tailwind CSS Developer Tools
Does not save custom Breakpoints. They get lost, when opening new window.
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.
Seems to work only it doesn't seem to provide the option I need; the ability to set my own screen dimension, (Custom breakpoints)
Perfection. Tried 2 extensions before this one that did not work
would like to have the ability to add custom breakpoint coz i need to cater up until 3xl (1600px) and 4xl (1920px)
Useful little utility. Just make sure your browser is in window mode (not full screen) and then it works like a charm.
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!!