Tailwind Viewport Sizer
Item logo image for Tailwind Viewport Sizer

Tailwind Viewport Sizer

lostdomain.org
5.0(

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

5 out of 52 ratings

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

Review's profile picture

Alex DugglebyApr 19, 2024

Useful little utility. Just make sure your browser is in window mode (not full screen) and then it works like a charm.

Review's profile picture

Santhosh SundararamanApr 16, 2024

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!!

1 person found this review to be helpful

Details

  • Version
    0.0.1
  • Updated
    April 16, 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

Page Ruler: Your Web Design Companion

0.0(0)

Page ruler extension to measure elements on web pages. An advanced page ruler tool to measure the size of web elements in pixels.

Page Ruler

3.9(69)

Measure page elements size in pixel with an easy-to-use ruler.

Gimli Tailwind

4.6(24)

A DevTools extension enabling smart tools for Tailwind CSS.

Screen Sizes

4.7(18)

This extension displays grid and measurement overlays for a design grid system.

Image Zoom Tool

2.7(14)

Image Zoom Tool can zoom any image in your browser. Hover image will see fullsize this image.

Window Resizer

0.0(0)

Resize window to a list of options or customize the window size per your needs.

Page Ruler

1.0(1)

Use the Page Ruler to measure the web for width, height of any section of your choice

Bootstrap Viewport

4.7(3)

Displays the current Bootstrap Viewport

Reddit Full Image Preview

3.6(20)

This extension automatically resizes oversized images to fit within their containers

Tailwind CSS Devtools

4.6(5)

Tailwind CSS Developer Tools

Page Grid Ruler

0.0(0)

Draw a grid view, get page dimensions in pixel (px) unit and draw a rule

Window Resizer

3.7(6)

Easily set the layout (size & position) of your browser window

Page Ruler: Your Web Design Companion

0.0(0)

Page ruler extension to measure elements on web pages. An advanced page ruler tool to measure the size of web elements in pixels.

Page Ruler

3.9(69)

Measure page elements size in pixel with an easy-to-use ruler.

Gimli Tailwind

4.6(24)

A DevTools extension enabling smart tools for Tailwind CSS.

Screen Sizes

4.7(18)

This extension displays grid and measurement overlays for a design grid system.

Image Zoom Tool

2.7(14)

Image Zoom Tool can zoom any image in your browser. Hover image will see fullsize this image.

Window Resizer

0.0(0)

Resize window to a list of options or customize the window size per your needs.

Page Ruler

1.0(1)

Use the Page Ruler to measure the web for width, height of any section of your choice

Bootstrap Viewport

4.7(3)

Displays the current Bootstrap Viewport

Google apps