Tailwind Viewport Sizer

👥 529 users

📦 v1.1.1

💾 294KiB

📅 2025-04-15

View on Chrome Web Store

Chrome will indicate if you already have this installed.

Overview

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

Updates v1.1.1
- Add the ability to create custom breakpoints.
- Fix an annoying issue where you couldn't interact with the website canvas where the breakpoint pill was.