Show Window Size

Viewport Dimensions

Displays the current viewport dimensions in real-time as you resize the browser window. Viewport Dimensions is a simple Chrome extension for web developers and designers who want to quickly visualize the viewport dimensions when actively resizing the browser window. This extension dynamically displays the current viewport dimensions (width and height in pixels) in real-time as you resize your browser window, making it easier to see how your site adapts to different screen sizes. Key Features: - Real-Time Viewport Display: Instantly see the current viewport dimensions as you resize your browser window. - Customizable Display Options: Choose where the dimensions are displayed (top-right, bottom-right, top-left, bottom-left) and customize the font size, text color, background color, and background opacity to match your preferences. - Toggle Visibility: Easily enable or disable the viewport dimensions display without uninstalling or disabling the extension. - Responsive to DevTools: The extension adjusts the displayed dimensions to account for the presence of Chrome's Developer Tools panel. - Timeout Setting: Set the time period the dimensions are displayed after the change or set it to always be displayed. NOTE: This extension was built to replace the previous "Viewport Dimensions" extension ID: kchdfagjljmhgapoonapmfngpadcjkhk, which is no longer supported by the Chrome Web Store. If you relied on the old extension, this new version offers the same functionality with additional customization options and improved performance.

WindowSize

Change Chrome's window size. It is convenient to standardize the size when you attach screenshot to manual or blog. I've found that this doesn't work correctly if the Chrome window size is maximized. This probably happened in Chrome78. I checked the program but could not find a fix method. If the Chrome window size is maximized, it will work correctly if you change it manually.

Tailwind Viewport Sizer

This extension shows the current viewport size including the TailwindCSS size. You can also set the viewport size using the popup. 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.

Screen Sizes

This extension displays grid and measurement overlays for a design grid system. A tool for designers to measure screen dimensions. This extension measures the dimensions from your mouse pointer up/down and left/right until it hits a border. This extension is great for designers who need to ensure their website/app designs are pixel perfect. Measure between the following elements: images, input-fields, buttons, videos, gifs, text, icons. You can measure everything you see in the browser. Try it out today. To begin using the software, here is what you need to do Install our software extension Navigate to the website where you wish to begin using the software Click on the extension icon at the top right corner to activate the software Begin measuring the dimensions of the image/button etc.