Tailwind Viewport Sizer - Chrome Web Store
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 Duggleby19 Apr 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 Sundararaman16 Apr 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
    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 CSS Media Query Inspector

3.0(4)

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

Gimli Tailwind

4.4(27)

A DevTools extension enabling smart tools for Tailwind CSS.

Screen Sizes

4.7(19)

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

CSS Breakpoint Button

5.0(3)

A browser extension that displays the current breakpoint for the selected css framework.

Viewport Resizer: Ultimate Device Emulator & Website Testing Tool

4.2(272)

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.

Bootstrap Viewport

4.7(3)

Displays the current Bootstrap Viewport

CSS To Tailwind

3.9(21)

Convert a website's styles to Tailwind CSS classes

Tailwind responsive breakpoint display

5.0(1)

Display screen dimensions and tailwind breakpoint prefix.

Windy

2.9(21)

Convert any HTML on any website to TailwindCSS

Tailwind CSS Media Query Inspector

3.0(4)

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

Gimli Tailwind

4.4(27)

A DevTools extension enabling smart tools for Tailwind CSS.

Screen Sizes

4.7(19)

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

CSS Breakpoint Button

5.0(3)

A browser extension that displays the current breakpoint for the selected css framework.

Viewport Resizer: Ultimate Device Emulator & Website Testing Tool

4.2(272)

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