Display the current Tailwind CSS breakpoint and viewport width in a draggable indicator
Users
213
−8 in 30 days
Rating
0.0 / 5
unchanged in 30 days
Ratings
0
0 in 30 days
Store rank
#62K
#52K among extensions
Version
1.0
updated 16 Jan 2025
Users
monthly, 2 years
Latest, 15 Oct 2026:213 usersMove the mouse over the chart for any month
Ratings count
monthly, 2 years
Latest, 15 Oct 2026:0 ratingsMove the mouse over the chart for any month
The Chrome Web Store rounds user counts down to the leading digit, so the user line moves in steps. The ratings count is exact and is the better signal of real adoption.
About Tailwind Breakpoint Viewer
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!