Tailwidth - Tailwind CSS Breakpoint And Witdh Checker

Displays the current Tailwind CSS breakpoint and screen width in pixels.

As of June 2026, Tailwidth - Tailwind CSS Breakpoint And Witdh Checker has 62 users in the Developer Tools category.

Usersup 21.6 percent+21.6%
62
62
Ratingno change0%
— reviews
Reviewsno change0%
Version
1.1
Manifest V3

History

3 snapshots

Tracking since Apr 22, 2026.

63.965750.04Apr 22, 2026Jun 7, 2026
View as table
DateUsersRatingReviewsVersion
Apr 22, 2026511.1
May 12, 2026591.1
Jun 7, 2026631.1
Now621.1

Permissions & access

Permissions
storagescripting
Host access
<all_urls>

Screenshots

Tailwidth - Tailwind CSS Breakpoint And Witdh Checker screenshot 1

About

🔥 Tailwind CSS Breakpoint Checker – Instantly See Screen Width & Active Tailwind Breakpoints!
Are you a frontend developer or Tailwind CSS user? Stop guessing breakpoints! Tailwind Breakpoint Checker helps you instantly see your screen width in pixels and the currently active TailwindCSS breakpoint (sm, md, lg, xl, 2xl).

Perfect for responsive design debugging and real-time breakpoint testing! 📏✨

💡 Key Features:
✅ Live Breakpoint Detection – Instantly displays the active Tailwind CSS breakpoint.
✅ Real-Time Screen Width Display – See your current viewport width in pixels dynamically.
✅ Floating Overlay – A non-intrusive box in the bottom-right corner shows breakpoint info.
✅ One-Click Toggle – Easily turn it ON/OFF from the extension popup.
✅ Works Across All Tabs – Automatically applies on every open website.
✅ Lightweight & Blazing Fast – No unnecessary permissions, no performance impact!

🎯 Why Install?
🚀 TailwindCSS Developers' Best Friend – Save time debugging responsive designs.
🛠 Perfect for Frontend Developers – Quickly test Tailwind’s breakpoints.
👨‍💻 Enhance Productivity – No more manually resizing windows to check breakpoints!

Whether you're a Tailwind CSS beginner or an experienced frontend engineer, this extension makes responsive development easier and faster!

🔧 How It Works
1️⃣ Install the extension from the Chrome Web Store.
2️⃣ Click the extension icon in your browser toolbar.
3️⃣ Toggle ON/OFF – A floating box will appear in the bottom-right corner.
4️⃣ Resize your window and watch the breakpoint & width update in real-time!

🚀 That’s it! No configuration needed – just install and start using!

💬 Frequently Asked Questions (FAQ)
❓ Does this extension work on all websites?
✅ Yes! It works on all websites.

❓ Does this extension slow down my browser?
✅ Nope! It’s a lightweight and optimized tool with zero performance impact.

❓ Does it work with all versions of TailwindCSS?
✅ Yes! It works with Tailwind CSS v2, v3, and future updates since it detects breakpoints dynamically.

Technical

Version
1.1
Manifest
V3
Size
17.98KiB
Min Chrome
88
Languages
1
Featured
No

Metadata

ID
ogmfhcjggalkokpnapcllaapfiijgeoa
Developer ID
ud124aa083695e29004fd066088357f64
Developer Email
[email protected]
Created
Feb 15, 2025
Last Updated (Store)
Feb 15, 2025
Last Scraped
Jun 7, 2026
Website
Support URL
Privacy Policy

Similar extensions

Alternatives to Tailwidth - Tailwind CSS Breakpoint And Witdh Checker, ranked by description similarity.

Data sourced from the Chrome Web Store · last verified Jun 7, 2026.