Tailwind Viewport Sizer

#4.67 / 3 rate

Tailwind Viewport Sizer

99 users

2024-04-16

https://lostdomain.org

Extension Information

5 star
67%
4 star
33%
3 star
0%
2 star
0%
1 star
0%

Supported Languages

Permissions

Description

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

Reviews

Pai McFly
Pai McFly

would like to have the ability to add custom breakpoint coz i need to cater up until 3xl (1600px) and 4xl (1920px)

Alex Duggleby
Alex Duggleby

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

Santhosh Sundararaman
Santhosh Sundararaman

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

Similar extensions

Viewport Resizer: Ultimate Device Emulator & Website Testing Tool
Viewport Resizer: Ultimate Device Emulator & Website Testing Tool

Malte Wassermann

TailwindCSS Media Query Visualizer
TailwindCSS Media Query Visualizer

kiriltsanov12

ViewportDimension
ViewportDimension

Braincompiler

Viewport Dimensions
Viewport Dimensions

https://www.cswapps.com

Viewport Dimension Overlay
Viewport Dimension Overlay

https://isv.social

Bootstrap Viewport
Bootstrap Viewport

serhat-m

Tailwind CSS Devtools
Tailwind CSS Devtools

Tailscan

CSS To Tailwind
CSS To Tailwind

iamnyasha

Tailwind responsive breakpoint display
Tailwind responsive breakpoint display

https://chromekit.dev

Windy
Windy

https://usewindy.com

Tailwind CSS Media Query Inspector
Tailwind CSS Media Query Inspector

https://owenmelbourne.com

Gimli Tailwind
Gimli Tailwind

https://gimli.app