Tailwind Breakpoint Viewe

👥 180 users

📦 v1.0

💾 12.14KiB

📅 2025-01-16

View on Chrome Web Store

Chrome will indicate if you already have this installed.

Overview

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!