English
See more
Display screen dimensions and tailwind breakpoint prefix.
Latest Version
Version
0.4.2
Update
December 9, 2024
Size
150KiB
Developer
chromekit.dev
Category
Users
412 
Rating
5 ★
Manifest Version
3
Web Store Status
Extension ID
Languages Support
Permissions
Storage
See more
Tailwind responsive breakpoint display Extension
Display screen dimensions and Tailwind breakpoint prefix on all sites.
This extension makes it easy to find the screen dimensions of your browser. This comes in handy when you are building your UI with Tailwind CSS and making it responsive.
Enable dev mode to display the widget only in local environments (Localhost & 127.0.0.1)
Enable/Disable on .test TLD.
Add custom breakpoint values.
Extension built with chromekit.dev
Read more
This extension makes it easy to find the screen dimensions of your browser. This comes in handy when you are building your UI with Tailwind CSS and making it responsive.
Enable dev mode to display the widget only in local environments (Localhost & 127.0.0.1)
Enable/Disable on .test TLD.
Add custom breakpoint values.
Extension built with chromekit.dev
Source Manifest.json
{"update_url": "https://clients2.google.com/service/update2/crx", "name": "Tailwind responsive breakpoint display", "description": "Display screen dimensions and tailwind breakpoint prefix.", "version": "0.4.2", "manifest_version": 3, "web_accessible_resources": [{ "resources": ["content-script-sidebar.css", "popup/popup.js", "popup/popup.css"], "matches": ["https://*/*", "http://*/*"] }], "background": { "service_worker": "background.js" }, "action": { "default_title": "Display screen dimensions and tailwind breakpoint prefix.", "default_popup": "popup/index.html" }, "content_scripts": [ { "matches": ["https://*/*", "http://*/*"], "js": ["content-script.js", "content-script-sidebar.js"], "css": [], "run_at": "document_end" } ], "permissions": ["storage"], "icons": { "32": "images/icon_32.png", "48": "images/icon_48.png", "128": "images/icon_128.png" }}
Read more
Similar Extensions
Supertweak 412 4 ★ 75.3KiB
Gimli Tailwind 412 33 ★ 151KiB
Tailwind CSS Devtools 412 7 ★ 857KiB
Bootstrap 5 Breakpoint Detection Overlay 412 4 ★ 25.97KiB
Alpine.js devtools 412 34 ★ 67.78KiB
Mobile View: Test responsive designs fast 412 28 ★ 56.94KiB
CSS Breakpoint Button 412 3 ★ 603KiB
Devtools for Tailwind CSS 412 18 ★ 49.64MiB
Tailwind CSS Media Query Inspector 412 4 ★ 631KiB
Windy 412 21 ★ 2.31MiB
Vercel 412 24 ★ 34.3KiB
TailwindCSS Media Query Visualizer 412 1 ★ 631KiB
Desktop - Mobile Responsive Testing Tool 412 5 ★ 4.16MiB
Toolwind - Devtool for Tailwind css 412 7 ★ 449KiB
Tailwind Viewport Sizer 412 6 ★ 292KiB
Responsive Viewer 412 298 ★ 639KiB
Tailscan 412 16 ★ 1.92MiB
Clockwork 412 74 ★ 2.26MiB
Livewire devtools 412 16 ★ 1014KiB
Pixefy - Responsive Design Checker 412 18 ★ 848KiB
Responsive viewer For Chrome 412 8 ★ 25.34KiB
DivMagic - Copy Style from any website 412 55 ★ 1.3MiB
Responsive Tester 412 72 ★ 82.41KiB
Hoverify 412 145 ★ 14.54MiB
