English
See more
This extension shows the current viewport size including the TailwindCSS size. You can also set the viewport size using the popup.
Latest Version
Version
0.0.1
Update
April 15, 2024
Size
292KiB
Developer
lostdomain.org
Category
Users
177 
Rating
4.5 ★
Manifest Version
3
Web Store Status
Extension ID
Languages Support
Permissions
Storage
See more
Tailwind Viewport Sizer Extension
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. ❤️
Read more
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. ❤️
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "content_scripts": [ { "css": [ "style.css" ], "js": [ "js/main.js" ], "matches": [ "http://*/*", "https://*/*", "http://localhost/*", "https://localhost/*", "http://127.0.0.1/*" ], "run_at": "document_end" } ], "description": "This extension shows the current viewport size including the TailwindCSS size. You can also set the viewport size using the popup.", "icons": { "128": "img/icon-128.png" }, "manifest_version": 3, "name": "Tailwind Viewport Sizer", "options_ui": { "page": "options.html" }, "action": { "default_popup": "popup.html" }, "permissions": [ "storage" ], "version": "0.0.1"}
Read more
Similar Extensions
Viewport Resizer: Ultimate Device Emulator & Website Testing Tool 177 277 ★ 143KiB
TailwindCSS Media Query Visualizer 177 1 ★ 631KiB
ViewportDimension 177 8 ★ 11.66KiB
Viewport Dimensions 177 158 ★ 48.58KiB
Width and Height Display 177 34 ★ 17.87KiB
Viewport Dimension Overlay 177 0 ★ 12.11KiB
Bootstrap Viewport 177 3 ★ 15.01KiB
Tailwind CSS Devtools 177 7 ★ 857KiB
Tailwind responsive breakpoint display 177 7 ★ 150KiB
Viewport Dimensions Pixels 177 0 ★ 9.08KiB
Tailwind CSS Media Query Inspector 177 4 ★ 631KiB
Gimli Tailwind 177 33 ★ 151KiB
Responsive Viewer 177 298 ★ 639KiB
Screen Sizes 177 22 ★ 107KiB
Show Window Size 177 1 ★ 13.4KiB
Bootstrap Viewport 177 22 ★ 118KiB
Bootstrap 5 Breakpoint Detection Overlay 177 4 ★ 25.97KiB
CSS Breakpoint Button 177 3 ★ 603KiB
Toolwind - Devtool for Tailwind css 177 7 ★ 449KiB
CSS To Tailwind 177 22 ★ 182KiB
Devtools for Tailwind CSS 177 18 ★ 49.64MiB
viewport 177 2 ★ 2.24MiB
Screen Size 177 15 ★ 19.14KiB
Alpine.js devtools 177 34 ★ 67.78KiB
