Item logo image for Tailwind Viewport Sizer

Tailwind Viewport Sizer

lostdomain.org
4.5(

6 ratings

)
Item media 3 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot
Item media 1 screenshot
Item media 1 screenshot
Item media 2 screenshot
Item media 3 screenshot

Overview

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. ❤️

4.5 out of 56 ratings

Google doesn't verify reviews. Learn more about results and reviews.

Details

  • Version
    0.0.1
  • Updated
    16 April 2024
  • Size
    292KiB
  • Languages
    English
  • Developer
    Website
    Email
    martijn@lostdomain.org
  • Non-trader
    This developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.

Privacy

The developer has disclosed that it will not collect or use your data.

This developer declares that your data is

  • Not being sold to third parties, outside of the approved use cases
  • Not being used or transferred for purposes that are unrelated to the item's core functionality
  • Not being used or transferred to determine creditworthiness or for lending purposes

Related

Tailwind responsive breakpoint display

5.0(8)

Display screen dimensions and tailwind breakpoint prefix.

Viewport Dimensions Pixels

5.0(1)

Displays the current viewport size in the bottom right corner of the window.

Tailwind CSS Media Query Inspector

3.0(4)

Easily see which breakpoint you are currently in without cluttering up your UI.

Gimli Tailwind

4.6(35)

A DevTools extension enabling smart tools for Tailwind CSS.

Viewport Resizer: Ultimate Device Emulator & Website Testing Tool

4.2(278)

Emulate devices, resize screens, and perfect your web design effortlessly with this cutting-edge testing and presentation tool.

TailwindCSS Media Query Visualizer

5.0(1)

Seamlessly visualize Tailwind CSS media queries, enhancing your UI experience.

ViewportDimension

3.0(8)

This extension displays Chrome’s viewport dimensions when resizing the browser window.

Viewport Dimensions

2.8(158)

This extension displays Chrome’s viewport dimensions when resizing the browser window.

Width and Height Display

4.1(34)

This extension displays the inner width and innner height of the screen

Viewport Dimension Overlay

0.0(0)

Displays an overlay with viewport dimensions and aspect ratio.

Bootstrap Viewport

4.7(3)

Displays the current Bootstrap Viewport

Tailwind CSS Devtools

4.3(7)

Tailwind CSS Developer Tools

Tailwind responsive breakpoint display

5.0(8)

Display screen dimensions and tailwind breakpoint prefix.

Viewport Dimensions Pixels

5.0(1)

Displays the current viewport size in the bottom right corner of the window.

Tailwind CSS Media Query Inspector

3.0(4)

Easily see which breakpoint you are currently in without cluttering up your UI.

Gimli Tailwind

4.6(35)

A DevTools extension enabling smart tools for Tailwind CSS.

Viewport Resizer: Ultimate Device Emulator & Website Testing Tool

4.2(278)

Emulate devices, resize screens, and perfect your web design effortlessly with this cutting-edge testing and presentation tool.

TailwindCSS Media Query Visualizer

5.0(1)

Seamlessly visualize Tailwind CSS media queries, enhancing your UI experience.

ViewportDimension

3.0(8)

This extension displays Chrome’s viewport dimensions when resizing the browser window.

Viewport Dimensions

2.8(158)

This extension displays Chrome’s viewport dimensions when resizing the browser window.

Google apps