Tailwind Breakpoint Viewer

Name: Tailwind Breakpoint Viewer
Author: Hubert Giorgi

Display the current Tailwind CSS breakpoint and viewport width in a draggable indicator

As of May 2026, Tailwind Breakpoint Viewer has 203 users in the Developer Tools category.

Hubert Giorgi Developer Tools

Chrome Web Store ↗.crx

Users+6.8%

203

Rating0%

—

— reviews

Reviews0%

—

Version

1.0

Manifest V3

History

3 snapshots

Tracking since Apr 1, 2026.

View as table

Date	Users	Rating	Reviews	Version
Apr 1, 2026	190	—	—	1.0
Apr 30, 2026	174	—	—	1.0
May 29, 2026	231	—	—	1.0
Now	203	—	—	1.0

Permissions & access

Permissions: activeTabscripting
Host access: None declared

Screenshots

About

Tailwind Breakpoint Viewer is the must-have tool for developers using Tailwind CSS. This lightweight and intuitive extension allows you to see the active Tailwind breakpoint in real-time and the exact width of your window.

🎯 KEY FEATURES 
• Real-time display of the current Tailwind breakpoint (xs, sm, md, lg, xl, 2xl)  
• Accurate window width indication in pixels  
• Minimalist and elegant interface  
• Movable indicator via drag-and-drop  
• Instant on/off toggle with a single click  

📏 TAILWIND BREAKPOINTS INCLUDED
• xs: < 640px  
• sm: ≥ 640px  
• md: ≥ 768px  
• lg: ≥ 1024px  
• xl: ≥ 1280px  
• 2xl: ≥ 1536px  

💡 SIMPLE TO USE
1. Click on the extension icon  
2. The indicator appears at the bottom right  
3. Drag it to wherever you prefer  
4. Click the icon again to hide it  

🎨 PERFECT FOR 
• Front-end developers  
• Web integrators  
• UI/UX designers  
• Any Tailwind CSS user  

Optimize your responsive development workflow with Tailwind Breakpoint Viewer!